Question

我正在尝试创建一个动态<div>元素，因此我编写此代码以创建<div>据我所知。我在这里找不到任何错误，为什么这段代码不起作用？

<!DOCTYPE html>
<title>scroll</title>
<head>
</head>
<body>
<script>
    function mydiv(){
        var elem=document.createElement("div");
        var t=elem.createAttribute("style");
        elem.createTextNode("ddfdfd");
        t.value="width:200px;height:1200px;border:1px solid black;";
        elem.setAttributeNode(t);
        document.body.appendChild(elem);
    }
    window.onload=mydiv();
</script>
</body>
</html>

Answer 1

最明显的错误是你将window.onload分配给mydiv()的返回值而不是函数本身。您应该使用window.onload=mydiv;代替（不带括号）。

Answer 2

试试这个

   <!DOCTYPE html>
    <title>scroll</title>
    <head>
    </head>
    <body>
    <script>
       function mydiv(){
           var elem=document.createElement("div");   
           elem.innerText = "ddfdfd";
           elem.setAttribute('style', 'width:200px;height:1200px;border:1px solid black;');
           document.body.appendChild(elem);
       }
       window.onload=mydiv;
    </script>
    </body>
    </html>

使用javascript创建动态元素

2 个答案: