为什么这段代码无法使用单独的javascript？

Question

当我点击按钮时，我想将一段文字变成红色。 为什么第一组代码，使用单独的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>

Answer 1

将click事件处理程序的名称从焦点更改为其他名称;
你需要使用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>

Answer 2

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

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

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

为什么这段代码无法使用单独的javascript？

问题描述

2 个解决方案

解决方案1
3 已采纳 2013-02-17 09:18:41

解决方案2
1 2013-02-17 09:14:47

为什么这段代码无法使用单独的javascript？

问题描述

2 个解决方案

解决方案1 3 已采纳 2013-02-17 09:18:41

解决方案2 1 2013-02-17 09:14:47

解决方案1
3 已采纳 2013-02-17 09:18:41

解决方案2
1 2013-02-17 09:14:47