節(jié)點(diǎn):頁(yè)面中所有的內(nèi)容，包括屬性、標(biāo)簽、文本（文字、換行、空格、回車(chē)）

節(jié)點(diǎn)的幾個(gè)屬性:
???nodeType屬性表示節(jié)點(diǎn)的類(lèi)型
???????????????1–標(biāo)簽、2–內(nèi)容、3–屬性

???nodeName屬性表示節(jié)點(diǎn)的名字
???????????????標(biāo)簽節(jié)點(diǎn)–大寫(xiě)的標(biāo)簽名字、屬性節(jié)點(diǎn)–小寫(xiě)的屬性名字、文本節(jié)點(diǎn)–#text

???nodeValue屬性表示節(jié)點(diǎn)的值
???????????????標(biāo)簽節(jié)點(diǎn)–null、屬性節(jié)點(diǎn)–屬性值、文本節(jié)點(diǎn)–文本內(nèi)容
節(jié)點(diǎn)的幾個(gè)對(duì)象:

• .parentNode ?????? 獲取父節(jié)點(diǎn)
• .parentElement ???獲取父元素（輸出結(jié)果同上）

---

• .childNodes ?????????獲取子節(jié)點(diǎn)（標(biāo)簽，內(nèi)容，屬性）
• .children ??????????????獲取子元素(只是標(biāo)簽)

---

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

// 點(diǎn)擊隔行加背景色document.getElementById("btn1").onclick=function(){var listObj=document.getElementById("ol").childNodes;//.childNodes取到的是子節(jié)點(diǎn)的元素中所有的標(biāo)簽內(nèi)容和屬性，在這里要取的是標(biāo)簽//nodeType屬性是值1--標(biāo)簽、2--內(nèi)容、3--屬性//nodeName屬性表示節(jié)點(diǎn)的名字，標(biāo)簽節(jié)點(diǎn)--大寫(xiě)的標(biāo)簽名字、屬性節(jié)點(diǎn)--小寫(xiě)的屬性名字、文本節(jié)點(diǎn)--#text//nodeValue屬性表示節(jié)點(diǎn)的值，標(biāo)簽節(jié)點(diǎn)--null、屬性節(jié)點(diǎn)--屬性值、文本節(jié)點(diǎn)--文本內(nèi)容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>

總結(jié)

以上是生活随笔為你收集整理的节点Node的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。