js中關於DOM節點的遍歷、方法和屬性
阿新 • • 發佈:2021-07-28
一.遍歷節點樹(版本都相容)
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();獲取元素節點的屬性(只讀)