1

单击按钮时,我想将一段文本变为红色。为什么第一组代码(带有单独的 Javascript 和 HTML)不起作用……但第二组代码可以?

第一组(不工作)

JAVASCRIPT:
    function focus()
    {
        getElementById('redder').style.color = '#ff0000';
    }

HTML:
    <button id="button1" onClick="javascript:focus()">cool</button>
    <span id="redder"> RED </span>

. . .

第二组(工作)

HTML:
    <button id="button1" onClick="getElementById('redder').style.color = '#ff0000';">cool</button>
    <span id="redder"> RED </span>
4

2 回答 2

3
  1. 将点击事件处理程序的名称从焦点更改为其他名称;
  2. 你需要使用document.getElementById()
<script>
     function changeColor()
        {
            document.getElementById('redder').style.color = '#ff0000';
        }
    </script>
    <body>
        <button id="button1" onClick="changeColor();">cool</button>
        <span id="redder"> RED </span>
    </body>
于 2013-02-17T09:18:41.143 回答
1

使用非内联 JavaScript 时,需要添加文档范围:

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

我认为 JavaScript 在定义内联时不需要该范围,但我无法快速找到有关该范围的文档。

于 2013-02-17T09:14:47.487 回答