三、兄弟節(jié)點(diǎn)

1.previoursSibling

獲取該節(jié)點(diǎn)的上一個(gè)兄弟元素。在IE瀏覽器中可以使用

2。previoursElementSibling

獲取該節(jié)點(diǎn)的上一個(gè)兄弟元素。在非IE瀏覽器中可以使用

3.nextSibling

獲取該節(jié)點(diǎn)的下一個(gè)兄弟元素。在IE瀏覽器中可以使用

4.nextElementSibling

獲取該節(jié)點(diǎn)的下一個(gè)兄弟元素。在非IE瀏覽器中可以使用

解決瀏覽器的兼容

var oPrevious=oLi.previousElementSibling||oLi.previousSibling;

var oLast=oLi.nextElementSibling||oLi.nextSibling;

window.onload=function(){

var oLi=document.getElementById("li1");

var oPrevious=oLi.previousElementSibling||oLi.previousSibling;

oPrevious.style.background="red";

var oLast=oLi.nextElementSibling||oLi.nextSibling;

oLast.style.background="yellow";

}

上述代碼實(shí)現(xiàn)將id為“l(fā)i1”的上一個(gè)兄弟節(jié)點(diǎn)背景顏色設(shè)置為紅色。下一個(gè)兄弟節(jié)點(diǎn)的背景顏色設(shè)置為黃色。

四、nodeName：節(jié)點(diǎn)的名稱

元素節(jié)點(diǎn)的nodeName 與標(biāo)簽名相同

屬性節(jié)點(diǎn)的nodeName 與屬性名相同

文本節(jié)點(diǎn)的nodeName 始終是 #text

文檔節(jié)點(diǎn)的nodeName 始終是 #document

五、nodeValue：節(jié)點(diǎn)值

元素節(jié)點(diǎn)的nodeValue 是 undefined 或 null

文本節(jié)點(diǎn)的nodeValue 是文本本身

屬性節(jié)點(diǎn)的nodeValue 是屬性值

nodeValue 屬性對(duì)于文檔節(jié)點(diǎn)和元素節(jié)點(diǎn)是不可用的。

console.log(oLi.nodeName); // LI

console.log(oLi.nodeValue);// null