動態建立標記

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