html的dom

DOM是一種與瀏覽器，平臺，語言無關的接口


可以將HTML DOM理解爲網頁的API


document.getElementById("")


document.getElementsByTagName("");


document.getElementById("content").getElementsByTagName("p");


在DOM節點樹裏，並不只有標籤菜構成節點，而文字本身也是節點


parentNode firstChild lastChild childNodes previousSibling nextSibling


nodeName(文字#text 文檔#document) nodeValue nodeType(1-元素 2-屬性 3-文本 8-註釋)


使用DOM時一個很奇怪（也很惱人）的情況就是連代碼中的換行都可能會被視爲節點


可以使用nodeType來過濾掉這類不需要的元素，如遍歷文檔中所有的元素節點 if(node.nodeType == 1)


document.getElementById("test").innerHTML = str;


test.removeChild(children[i]);


removeChild刪除節點後會返回被刪除節點的引用，可以引用var removed = xxx.removeChild(xxxx);


var test = document.getElementById("test");
var para = document.createElement("P");
var text = document.createTextNode("要添加的文本");
para.appendChild(text); test.appendChild(para);