XML DOM nextSibling 屬性
❮ 元素物件
示例
以下程式碼片段將 "books.xml" 載入到 xmlDoc 中，並獲取第一個 <title> 元素的下一個兄弟節點
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
myFunction(this);
}
};
xhttp.open("GET", "books.xml", true);
xhttp.send();
// 檢查下一個兄弟節點是否為元素節點
function get_nextsibling(n) {
var x = n.nextSibling;
while (x.nodeType != 1) {
x = x.nextSibling;
}
return x;
}
function myFunction(xml) {
var xmlDoc = xml.responseXML;
var x = xmlDoc.getElementsByTagName("title")[0];
var y = get_nextsibling(x);
document.getElementById("demo").innerHTML = x.nodeName + " = " +
x.childNodes[0].nodeValue +
"<br>Next sibling: " + y.nodeName + " = " +
y.childNodes[0].nodeValue;
}
上面程式碼的輸出將是
title = Everyday Italian
Next sibling: author = Giada De Laurentiis
自己動手試一試 »
定義和用法
nextSibling 屬性返回所選元素的下一個兄弟節點（同一樹級別中的下一個節點）
如果不存在這樣的節點，此屬性返回 null。
語法
elementNode.nextSibling提示和註釋
注意： Firefox 和大多數其他瀏覽器會將空白或換行符視為文字節點，而 Internet Explorer 則不會。因此，在下面的示例中，我們有一個函式來檢查下一個兄弟節點的節點型別。
元素節點的 nodeType 為 1，因此如果下一個兄弟節點不是元素節點，它將移至下一個節點，並檢查該節點是否為元素節點。這會一直持續下去，直到找到下一個兄弟節點（該節點必須是元素節點）。這樣，結果在所有瀏覽器中都會是正確的。
提示： 要閱讀有關瀏覽器差異的更多資訊，請訪問我們 XML DOM 教程中的 DOM 瀏覽器章節。
實際操作演示
previousSibling - 獲取節點的上一個兄弟節點
❮ 元素物件
