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