CharacterData: nextElementSibling 属性
CharacterData
接口的只读nextElementSibling
属性返回在其父级子节点列表中指定节点之后的第一个Element
节点,如果指定元素是列表中的最后一个元素,则返回null
。
值
一个Element
对象,如果未找到同级元素则返回null
。
示例
html
TEXT
<div id="div-01">Here is div-01</div>
TEXT2
<div id="div-02">Here is div-02</div>
<pre>Here is the result area</pre>
js
// Initially, set node to the Text node with `TEXT`
let node = document.getElementById("div-01").previousSibling;
let result = "Next element siblings of TEXT:\n";
while (node) {
result += `${node.nodeName}\n`;
node = node.nextElementSibling; // The first node is a CharacterData, the others Element objects
}
document.querySelector("pre").textContent = result;
规范
规范 |
---|
DOM 标准 # ref-for-dom-nondocumenttypechildnode-nextelementsibling② |
浏览器兼容性
BCD 表格仅在启用 JavaScript 的浏览器中加载。