XML DOM nextSibling属性

定義および用法

nextSibling 属性は選択された要素の次の同級ノード(同一木構造レベルの次のノード)を返します。

そのようなノードが存在しない場合、この属性はnullを返します。

文法

elementNode.nextSibling
ヒントおよびノート

注意: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

使用 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 +
    "<br>前の兄弟ノード: " + y.nodeName + " = " + 
    y.childNodes[0].nodeValue;
{}

自分で試してみる