JavaScript 獲取節點及元素的程式碼
阿新 • • 發佈:2019-02-19
一、節點的型別:
nodeType:
1---標籤節點
2---屬性節點
3---文字節點
nodeName:
標籤節點---大寫的標籤名字
屬性節點---小寫的屬性名字
文字節點---#text
nodeValue:
標籤---null
屬性---屬性的值
文字---文字內容
二、獲取節點及元素的程式碼:
獲取當前節點的父級節點
console.log(document.getElementById("example").parentNode);
獲取當前節點的父級元素
console.log(document.getElementById("example").parentElement);
獲取當前節點的子級節點
console.log(document.getElementById("example").childNodes);
獲取當前節點的子級元素
console.log(document.getElementById("example").children);
獲取當前節點的第一個子級節點
console.log(document.getElementById("example").firstChild);
獲取當前元素的第一個子級元素
console.log(document.getElementById("example").firstElementChild);
獲取當前節點的最後一個子級節點
console.log(document.getElementById("example").lastChild);
獲取當前元素的最後一個子級元素
console.log(document.getElementById("example").lastElementChild);
獲取當前節點的前一個兄弟節點
console.log(document.getElementById("example").previousSibling);
獲取當前節點的前一個兄弟元素
console.log(document.getElementById("example").parentElementSibling);
獲取當前節點的後一個兄弟節點
console.log(document.getElementById("example").nextSibling);
獲取當前節點的後一個兄弟元素
console.log(document.getElementById("example").nextElementSibling);
ps:凡是獲取元素的程式碼IE8不支援