XML DOM nextSibling 属性

定义和用法

nextSibling 属性返回所选元素的下一个同级节点（同一树级别中的下一个节点）。

如果不存在这样的节点，则该属性返回 null。

语法

elementNode.nextSibling

注意：Firefox 和大多数其他浏览器会将空白或换行视为文本节点，而 Internet Explorer 不会。因此，在下面的例子中，我们用一个函数来检查下一个兄弟节点的节点类型。

Asarun nodeType na 1, yadda yadda baiwaiya ba nuniya ba nuniya na ba kuma yadda, ana kai tsuntsa kuma baiwa kuma baiwa kuma ba kuma yadda, har zuwa a rukunin da kuma ba na nuniya. Idan ana iya samun yadda yadda, a cikin duk kwayar aiki na zaɓaɓa.

提示：如需了解有关浏览器之间差异的更多信息，请访问 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

使用 previousSibling 方法，获取节点的前一个同级节点：

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 +
    "
Previous sibling: " + y.nodeName + " = " + 
    y.childNodes[0].nodeValue;
}

亲自试一试