XML DOM previousSibling属性

定義と使用方法

previousSibling 属性は選択された要素の前の同級ノード（同一木構造レベルの前のノード）を返します。

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

文法

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

実際に試してみる

例子 2

使用 nextSibling，获取节点的下一个同级节点：

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

実際に試してみる