为什么这段代码不能与单独的javascript一起工作？_Javascript_Html

为什么这段代码不能与单独的javascript一起工作？

javascript html

为什么这段代码不能与单独的javascript一起工作？,javascript,html,Javascript,Html,当我点击一个按钮时，我想把一段文字变成红色。为什么第一组代码（分别使用Javascript和HTML）不起作用。。。但是第二组代码会吗第一组（不工作） JAVASCRIPT: 函数焦点（） { getElementById（'redder'）.style.color='#ff0000'； } HTML: 凉爽的红色。 . . 第二套（工作） HTML：凉爽的红色使用非内联JavaScript时，需要添加文档范围： document.getElementById('redder')

当我点击一个按钮时，我想把一段文字变成红色。为什么第一组代码（分别使用Javascript和HTML）不起作用。。。但是第二组代码会吗

第一组（不工作）

JAVASCRIPT:
函数焦点（）
{
getElementById（'redder'）.style.color='#ff0000'；
}
HTML:
凉爽的
红色

。 . .

第二套（工作）

HTML：
凉爽的
红色

使用非内联JavaScript时，需要添加文档范围：

document.getElementById('redder').style.color('#ff0000');

我认为JavaScript在内联定义时不需要这个范围，但我无法很快找到关于这个范围的文档

使用非内联JavaScript时，需要添加文档范围：

document.getElementById('redder').style.color('#ff0000');

我认为JavaScript在内联定义时不需要这个范围，但我无法很快找到关于这个范围的文档

将单击事件处理程序的名称从焦点更改为其他名称

您需要使用
document.getElementById（）

函数changeColor（） { document.getElementById（'redder'）.style.color='#ff0000'； } 凉爽的红色

将单击事件处理程序的名称从焦点更改为其他名称
您需要使用
document.getElementById（）

函数changeColor（） { document.getElementById（'redder'）.style.color='#ff0000'； } 凉爽的红色
focus（）
是本机DOM函数，您需要为函数使用其他名称。无需使用
javascript:
标签
focus（）
是本机DOM函数，您需要为您的函数使用其他名称。并且不需要
javascript:
labelIt始终可以安全地使用
文档。
如果不存在，它将在某些浏览器中中断，所以始终使用它。当然JS需要范围，没有
窗口。getElementById（）
方法。使用
文档总是安全的。
如果不存在，它会在某些浏览器中中断，所以始终使用它。当然JS确实需要范围，没有
窗口。getElementById（）
方法。
document.getElementById('redder').style.color('#ff0000');

<script> function changeColor() { document.getElementById('redder').style.color = '#ff0000'; } </script> <body> <button id="button1" onClick="changeColor();">cool</button> <span id="redder"> RED </span> </body>