动态创建标记

1.        创建一个p元素节点。

2.        把这个p元素节点追加到test.html文档中的一个元素节点上。

3.        创建一个文本节点。

4.        把这个文本节点追加到刚才创建的那个p元素节点上。

window.onload = function(){

        var para = document.createElement("p");

        var testdiv = document.getElementById("testdiv");

        testdiv.appendChild(para);

        var txt = document.createTextNode("Hello world");

        para.appendChild(txt);

}

AppendChild方法还可以用来连接那些尚未成为文档树一部分的节点。也就是说，一下步骤顺序同样可以达到目的。

 

1.        创建一个p元素节点。

2.        创建一个文本节点。

3.        把这个文本节点追加到第1步创建的p元素节点上。

4.        把这个p元素节点追加到test.html文档中的一个元素节点上。

window.onload = function(){

        var para = document.createElement("p");

        var txt = document.createTextNode("Hello world");

        para.appendChild(txt);

        var testdiv = document.getElementById("testdiv");

        testdiv.appendChild(para);
}