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

【问题标题】：How to create div element on page load in JavaScript using createElement function?如何使用 createElement 函数在 JavaScript 中的页面加载时创建 div 元素？
【发布时间】：2017-04-15 20:09:01
【问题描述】：

我想在页面加载事件中创建一个 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();

这段代码有什么问题？

【问题讨论】：

这是原生 js - 为什么是 jQuery 的标签？

标签： javascript html function dynamic-programming onload

【解决方案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();

jsfiddle

【讨论】：

好。我得到了它。如何在 javascript 中为该 div 元素设置 id？
document.getElementsByTagName("body")[0].setAttribute("id", "yourIdHere");