文檔對象模型DOM

文檔對象模型DOM (document object mode)
A-1：DOM樹
document——html——head——title——DOM test(文本)
html——body——div——id
div——heading
div——文本、屬性、其它元素
body——p——class
p——paragraph
A-2：節點
nodeName
nodeValue
nodeType：節點的類型常量值之一
元素節點：Node.ELEMENT-NODE 1 標籤名
屬性節點：Node.ATTRIBUTE-NODE 2 屬性名
文本節點：Node.TEXT-NODE 3 #text
註釋節點：Node.COMMENT-NODE 8 #comment
文檔節點：Node.DOCUMENT-NODE 9 #docment
對象.parentNode 得到父節點的引用
對象.firstChild 得到第一個子節點
對象.lastChild 得到最後一個子節點
對象.childNodes 得到子節點的集合
對象.previousSibling 得到上一個兄弟節點的引用
對象.nextSibling 得到下一個兄弟節點的引用
父對象.appendChild(node)-(追加的對象) 插入到最後
父對象.removeChild(node)-(刪除的對象) 刪除節點
(若是肯定要刪除節點，最好也清空內存 對象=null;)
父對象.replaceChild(newnode,oldnode)-(要修改的對象,被修改的) 修改(替換)節點
父對象.insertBefore(newnode,refnode)-(要插入的對象,以前的對象) 插入到最後

A-3:建立節點
建立元素節點
document.createElement("元素標籤名");
建立屬性節點
document.createAttribute("屬性名");
對象.屬性="屬性值"
對象.setAttribute(屬性名,屬性值)
對象.getAttribute(屬性名,屬性值)
建立文本節點
對象.innerHTML="";
document.createTextNode("文本");