javascript - 加载时追加子项

所以问题是，为什么这不附加 div onload？我对此感到摸不着头脑。没有错误...只是没有加载。

<head>
    <script type="text/javascript">
        function load() {
            var divTag0 = document.createElement("div");
            divTag0.className = "newsBlock";
            divTag0.innerHTML = " Try this..";
            document.getElementById("newsLeft").appendChild(divTag0);

            var divTag1 = document.createElement("div");
            divTag1.className = "newsBlock";
            divTag1.innerHTML = " Blah..";
            document.getElementById("newsRight").appendChild(divTag1);

            var divTag2 = document.createElement("div");
            divTag2.className = "newsBlock";
            divTag2.innerHTML = " And this ..";
            document.getElementById("newsLeft").appendChild(divTag2);    
        }
    </script> 
</head>
<body>
    <p> Something filler </p>
    <div id="newsLeft">  
    </div>
    <div id="newsRight">     
    </div>
    <script type="text/javascript">
        window.onload="load()";
    </script>
</body>

最佳答案

您应该向 getElementById 提供一个字符串...

所以: document.getElementById(newsLeft).appendChild(divTag0);

应该是: document.getElementById("newsLeft").appendChild(divTag0);

但主要问题是: window.onload="load()";

应该是: window.onload=load;

感谢 jvillars 的 fiddle ，它帮助我注意到了这一点。

关于javascript - 加载时追加子项，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11462709/