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 的浏览器中加载。

另请参阅