節點:頁面中所有的內容，包括屬性、標簽、文本（文字、換行、空格、回車）

節點的幾個屬性:
???nodeType屬性表示節點的類型
???????????????1–標簽、2–內容、3–屬性

???nodeName屬性表示節點的名字
???????????????標簽節點–大寫的標簽名字、屬性節點–小寫的屬性名字、文本節點–#text

???nodeValue屬性表示節點的值
???????????????標簽節點–null、屬性節點–屬性值、文本節點–文本內容
節點的幾個對象:

• .parentNode ?????? 獲取父節點
• .parentElement ???獲取父元素（輸出結果同上）

---

• .childNodes ?????????獲取子節點（標簽，內容，屬性）
• .children ??????????????獲取子元素(只是標簽)

---

• .firstChild ???????????? 第一個子節點
• .firstElementChild?第一個子元素
• .lastChild???????????????最后一個子節點
• .lastElementChild??最后一個子元素
• .previousSibling?????前一個兄弟節點
• .previousElementSibling???前一個兄弟元素
• .nextSibling????????????后一個兄弟節點
• .nextElementSibling???后一個兄弟元素
  在IE8中，只要是獲取節點的都是獲取元素，獲取元素的都不支持

// 點擊隔行加背景色document.getElementById("btn1").onclick=function(){var listObj=document.getElementById("ol").childNodes;//.childNodes取到的是子節點的元素中所有的標簽內容和屬性，在這里要取的是標簽//nodeType屬性是值1--標簽、2--內容、3--屬性//nodeName屬性表示節點的名字，標簽節點--大寫的標簽名字、屬性節點--小寫的屬性名字、文本節點--#text//nodeValue屬性表示節點的值，標簽節點--null、屬性節點--屬性值、文本節點--文本內容var count=0;for(var i=0;i<listObj.length;i++){console.log(listObj[i]);if(listObj[i].nodeType==1&&listObj[i].nodeName=='LI'){var color=count%2?'red':'yellow';listObj[i].style.backgroundColor=color;count++;}}}</script>

總結

以上是生活随笔為你收集整理的节点Node的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。