window.οnlοad=function(){ var para=document.createElement('p'); var info= 'nodeName:'; info += para.nodeName; info += ' nodeType:'; info += para.nodeType; alert(info); //nodeName:P nodeType:1}
createElement用来创建元素节点
创建P元素后,P元素就像任何其他的节点一样有了自己的DOM属性。即nodeName和nodeType值
window.οnlοad=function(){ var para=document.createElement('p'); var testdiv=document.getElementById('testdiv'); testdiv.appendChild(para); alert(testdiv.innerHTML); //}
创建元素,后插入文档中
window.οnlοad=function(){ var para=document.createElement('p'); var testdiv=document.getElementById('testdiv'); testdiv.appendChild(para); var txt=document.createTextNode('Hello world!'); para.appendChild(txt); alert(testdiv.innerHTML); //Hello world!
}
以上例子是按照以下顺序来创建和插入节点的:
(1)创建一个p元素
(2)将p元素插入到文档的一个元素节点上
(3)创建一个文本节点
(4)将文本节点插入到刚才创建的p元素节点上