三、兄弟節點

1.previoursSibling

獲取該節點的上一個兄弟元素。在IE瀏覽器中可以使用

2。previoursElementSibling

獲取該節點的上一個兄弟元素。在非IE瀏覽器中可以使用

3.nextSibling

獲取該節點的下一個兄弟元素。在IE瀏覽器中可以使用

4.nextElementSibling

獲取該節點的下一個兄弟元素。在非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";

}

上述代碼實現將id為“li1”的上一個兄弟節點背景顏色設置為紅色。下一個兄弟節點的背景顏色設置為黃色。

四、nodeName：節點的名稱

元素節點的nodeName 與標簽名相同

屬性節點的nodeName 與屬性名相同

文本節點的nodeName 始終是 #text

文檔節點的nodeName 始終是 #document

五、nodeValue：節點值

元素節點的nodeValue 是 undefined 或 null

文本節點的nodeValue 是文本本身

屬性節點的nodeValue 是屬性值

nodeValue 屬性對于文檔節點和元素節點是不可用的。

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

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