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

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

    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

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

How to create div element on page load in JavaScript using createElement function?

html

javascript

function

dynamic-programming

onload