XML DOM previousSibling属性

Node オブジェクト

定義と使用方法

previousSibling 属性は直前に隣接するノード（同一の木レベルの後続ノード）を返します。

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

文法

nodeObject.previousSibling
ヒントとノート

注意：Firefoxやほとんどの他のブラウザは空白や改行をテキストノードと見なしますが、Internet Explorerでは見なしません。以下の例では、前の同階層のノードのノードタイプを確認する関数を使用します。

要素ノードのnodeTypeが1であるため、前の同階層のノードが要素ノードでない場合、次のノードに移動し、そのノードが要素ノードであるかどうかを確認します。これが続くと、前の同階層のノード（要素ノードでなければなりません）が見つかるまで続きます。そのため、すべてのブラウザで結果が正確です。

提示：如需了解有关浏览器之间差异的更多信息，请访问 XML DOM 教程中的 DOM 浏览器章节。

实例

例1

下面的代码将 "books.xml" 加载到 xmlDoc 中，并从第一个 <author> 元素获取前一个同级节点：

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;
}

自分で試してみる

例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_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>次の兄弟要素: " + y.nodeName + " = " + 
    y.childNodes[0].nodeValue;
}

自分で試してみる

Node オブジェクト