1. 程式人生 > >JavaScript 獲取節點及元素的程式碼

JavaScript 獲取節點及元素的程式碼

一、節點的型別:

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不支援