为什么在匿名函数中更改DOM属性不起作用？

如何解决为什么在匿名函数中更改DOM属性不起作用？

<html>
    <head>
        <title>test</title>
        <script type=\"text/javascript\">
            function start(){
                document.getElementById(\"first_div\").onclick = function(){
                    document.getElementById(\"another_div\").style.color = \"red\";                 
                };
            }
        </script>   
    </head>
    <body onload=\"start()\">
        <div id=\"first_div\">first</div>
        <div id=\"anoter_div\">second</div>
    </body>
</html>

当我单击first_div时，发生错误：

TypeError: Result of expression \'document.getElementById(\"another_div\")\' [null] is not an object.

知道为什么这不起作用吗？谢谢。

解决方法

您打错了字。更改：

document.getElementById(\"another_div\")
                             ^

至：

document.getElementById(\"anoter_div\")

或者，您可以更改div的名称，可能更好：

<div id=\"anoter_div\">second</div>

<div id=\"another_div\">second</div>
             ^

方法document.getElementById(..)无法找到该元素，并返回null，这说明了您得到的错误。