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

Question

I want to create a div element on page load event but my script is not working as expected.

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();

What is it wrong with this code?

Answer 1

a few issues:

first the tag name body needs to be wrapped in quotes. in your code you are passing an undeclared variable called body.

Secondly, its getElementsByTagName() asthis function returns multiple elements in an array.

Lastly, you need to target the first body element:

    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