2016-12-01 80 views
0

我想在页面加载事件创建div元素,我写了一些代码,但它不工作correclty?如何在页面加载javascript中创建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(); 

哪里在这个代码错了?

+2

这是本地JS - 为什么jQuery的标签? – Pete

回答

2

的几个问题:

第一body需要被包裹在引号标记名称。在你的代码中,你传递了一个未声明的变量body。其次,其getElementsByTagName() asthis函数返回数组中的多个元素。

最后,你需要针对第一机身部件:

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

+0

好。我知道了。如何在javascript中为div元素设置id? – Sathishkumar

+0

document.getElementsByTagName(“body”)[0] .setAttribute(“id”,“yourIdHere”); – hairmot

+0

谢谢,它的作品。 – Sathishkumar

相关问题