DOM基本操做

一、獲取元素

（1）docuent.getElementById()經過id獲取元素

（2）docuent.getElementsByName()經過name屬性獲取元素

（3）docuent.getElementsByTagName()經過標籤名獲取元素

二、節點指針

　　（1）父找子：

　　①firstChild()獲取元素的首個子節點

　　father.firstChild()

　　②lastChild()獲取元素的最後一個子節點

　　father.lastChild()

　　（2）子找父：

　　parentNode()獲取已知節點的父節點

　　son.parentNode()

　　（3）兄弟節點：

　　①previousSilbing()獲取已知節點的前一個兄弟節點

　　brother.previousSibling()

　　②nextSibling()獲取已知節點的後面一個兄弟節點

　　brother.nextSibling()

　　（4）childNodes()獲取元素的子節點列表，得到的是一個類數組對象

　　father.childNodes()

三、節點操做

　　①建立元素節點

　　document.createElement("元素標籤")

　　②建立屬性節點

　　dcument.createAttribute("元素屬性")

　　③建立文本節點

　　document.creaeTextNode("文本內容")

四、插入節點

　　①appendChild()向節點的子節點列表的末位追加節點

　　father.appendhild(添加的新節點)

　　參數：要添加的新節點

　　返回值：要插入的元素

　　②insertBefore()在已知子節點前面插入一個新的子節點

　　father.insertBefore(new,ref)

　　參數：new表示新的子節點，ref表示已知子節點；當第二個參數爲null時，會插入到最後面

　　返回值：要插入的元素

　　③removeChild()刪除指定的節點

　　father.removehild(要刪除的節點)

　　參數：要刪除的節點

　　返回值：刪除的節點

　　④replaceChild()替換節點

　　replaceChild(要替換的元素，被替換的元素)

　　參數：第一個參數替換後的新節點，第二個參數須要被替換的舊節點

　　返回值：替換掉的舊元素

　　⑤cloneNode()複製節點

　　cloneNode(bool)

　　參數：布爾值，若是是1或true則複製當前節點和子節點；若是是0或false則只複製自己

五、屬性操做

　　①getAttribute()獲取屬性

　　元素節點.getAttribute(屬性名)獲取節點中指定屬性的屬性值

　　②setAttribute()建立或改變元素節點屬性

　　元素節點.setAttribute(屬性名，屬性值)

　　③removeAttribute()刪除屬性

　　元素節點.removeAttribute(屬性名)