XML DOM nextSibling 屬性

Node 對象

定義和用法

nextSibling 屬性返回緊隨某個節點的節點（同一樹級別中的下一個節點）。

如果不存在這樣的節點，則該屬性返回 null。

語法

nodeObject.nextSibling
Tips and Notes

注意：Firefox 和大多數其他瀏覽器會將空白或換行視為文本節點，而 Internet Explorer 不會。因此，在下面的示例中，我們用一個函數來檢查下一個同胞節點的節點類型。

元素節點的 nodeType 為 1，因此如果下一個同胞節點不是元素節點，則它移動到下一個節點，并檢查該節點是否是元素節點。這會一直持續到找到下一個同級節點（必須是元素節點）。這樣，結果在所有瀏覽器中都是正確的。

提示：要了解有關瀏覽器之間差異的更多信息，請訪問 XML DOM 教程中的 DOM 瀏覽器章節。

實例

例子 1

下面的代碼將 "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;
}

親自試一試

例子 2

獲取節點的前一個同級節點：

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_previoussibling(n) {
    var x = n.previousSibling;
    while (x.nodeType != 1) {
        x = x.previousSibling;
    }
    return x;
}
function myFunction(xml) {
    var xmlDoc = xml.responseXML;
    var x = xmlDoc.getElementsByTagName("author")[0];
    var y = get_previoussibling(x);
    document.getElementById("demo").innerHTML = x.nodeName + " = " + 
    x.childNodes[0].nodeValue +
    "<br>Previous sibling: " + y.nodeName + " = " + 
    y.childNodes[0].nodeValue;
}

親自試一試

Node 對象