1. 程式人生 > 其它 >js中關於DOM節點的遍歷、方法和屬性

js中關於DOM節點的遍歷、方法和屬性

一.遍歷節點樹(版本都相容)

1.parentNode; 父級節點

2.childNodes; 子級節點們

3.firstChild; 第一個子節點

4.lastChild; 最後一個子節點

5.nextSibling; 下一個兄弟節點

6.previousSibling; 上一個兄弟節點

二.遍歷元素節點樹(除children外,其他屬性都是IE8及以下瀏覽器不相容)

1.parentElement; 父級元素

2.children; 子元素們

3.firstElementChild; 第一個子元素

4.lastElementChild; 最後一個子元素

5.nextElementSibling;下一個兄弟元素

6.previousElementSibling; 上一個兄弟元素

7.childElementCount; 元素子節點們的長度(== elem.children.length)

三.節點的屬性

1.nodeName; 節點的標籤名稱(大寫)只讀

2.nodeValue; 節點值 text節點與comment節點的文字內容(可讀寫)

3.nodetype; 節點型別(重要)

4.attributes;節點屬性的集合

四.元素節點的屬性

1.innerText(); 新增文字內容,覆蓋原文字內容,火狐低版本不相容(用textContent()方法 新增文字內容);

2.innerHTML();新增文字內容,可以解析元素並執行,覆蓋原文字內容,不重新整理頁面

五.節點的方法

1.hasChildNodes(); 判斷節點是否有子級節點返回boolean;

2.setAttribute(); 新增、修改元素節點的屬性

3.getAttribute();獲取元素節點的屬性(只讀)