如何使用 createElement 函数在 JavaScript 中的页面加载时创建 div 元素？

Question

我想在页面加载事件上创建一个 div 元素，但我的脚本未按预期工作。

function createfn(){
    //debugger;
    var element = document.createElement("div");
    var para = document.createTextNode('The man who mistook his wife for a hat');
    element.appendChild(para);
    document.getElementByTagName(body).appendChild(element);
    
}
window.onload=createfn();

这段代码有什么问题？

Answer 1

几个问题：

首先，标签名称body需要用引号引起来。在您的代码中，您传递了一个名为 body 的未声明变量。

其次，它的getElementsByTagName()asthis 函数返回数组中的多个元素。

最后，您需要定位第一个 body 元素：

    function createfn(){
    //debugger;
    var element = document.createElement("div");
    var para = document.createTextNode('The man who mistook his wife for a hat');
    element.appendChild(para);
    document.getElementsByTagName('body')[0].appendChild(element);

    }
    window.onload=createfn();

jsfiddle