如何使用 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()函数返回数组中的多个元素。

最后，您需要定位第一个 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();

提琴手