JavaScript—DOM編程核心

【轉】JavaScript---DOM編程核心

DOM Core常用部分:

DOM方法
建立節點:createElement(),createTextNode()
複製節點:cloneNode()
插入節點:appendChild(),insertBefore
刪除節點:removeChild()
替換節點:replaceChild()
尋找節點:getAttribute(),getElementById(),getElementsByTagName,hasChildNodes
設定節點屬性:setAttribute()

DOM屬性
節點的屬性:nodeName,nodeType,nodeValue
遍曆節點樹:childNodes,firstChild,lastChild,nextSibling,parentNode,previousSibling

下面給出這部分的簡要用法,做個索引似協助文檔 
1.document.createElement("節點名"):建立一個節點

2.document.createTextNode("常值內容"):建立一個文本節點

3.節點.cloneNode(true|false):複製該節點,參數true則連同子結點一同複製,false則不複製子結點

4.節點.appendChild(子節點):在節點下添加子結點

5.父節點.insertBefore(新節點,參照點):在該父節點下的參照點前面插入新節點.通常父節點這樣寫:參照點.parentNode

6.父節點.removeChild(子結點):刪除該父節點下指定的子結點,該子結點下的所有嵌套子結點都將被刪除

7.父節點.replaceChild(新節點,舊節點):把該父節點下的指定子結點替換為新節點

8.節點.getAttribute("屬性名稱"):搜尋指定節點的屬性名稱,返回該屬性的屬性值

9.document.getElementById("id名"):搜尋文檔中指定id名的節點,返回該節點對象

10.document.getElementsByTagName("標籤名"):搜尋文檔中指定標籤名的節點,返回一個節點對象列表(數組),基數從0開始,具有length屬性,表示數組長度

11.節點.hasChildNodes:該節點是否具有子結點,有,返回true,沒有子結點返回false(比如文本節點和屬性節點)

12.節點.setAttribute("屬性名稱","屬性值"):為該節點添加屬性,若該屬性已經存在則重新整理屬性值

13.節點.nodeName:根據節點類型區分
    元素節點:返回標籤名(相當於tagName屬性)
    文本節點:返回#text
    屬性節點:返回屬性名稱

14.節點.nodeType:返回節點類型,常用有一下三種:
    元素節點:返回1
    屬性節點:返回2
    文本節點:返回3

15.節點.nodeValue:返回節點當前的值,根據節點類型區分:
    元素節點:返回null
    屬性節點:返回屬性值
    文本節點:返迴文本內容

16.節點.childNodes:返回該節點下的所有一級子結點(前面有具體介紹過,這個屬性在不同瀏覽器有不同解釋)

17.節點.firstChild:返回該節點下的第一個子結點

18.節點.lastChild:返回該節點下的最後一個子結點

19.節點.nextSibling:返回該節點的下一個兄弟節點對象

20.節點.parentNode:返回該節點的父節點(肯定是一個元素節點,document節點的父節點為null)

21.節點.previousSibling:和nextSibling相對,返回該節點的上一個兄弟節點對象