javascript - 如何获取文档中的下一个节点，而不是下一个同级节点？

Question

在 javascript 中，如何获取 dom 中的下一个节点而不是下一个兄弟节点？在 xpath 中他们有这个。

以下面的html为例:

<div>
  <p>
  <p id="current">
</div>
<div id="next">
  <p>
</div>

我想要一个函数，当我在“当前”节点上运行它时，它会返回“下一个”节点。我使用 id 只是为了清楚起见。

Answer 1

我想说这样的东西可以工作，假设 node 是起始节点。

while( !node.nextSibling && node.parentNode) node = node.parentNode;
node = node.nextSibling; // will be null if node was last in document

这将获取文档中的下一个节点 - 尽管我不确定在这种情况下您是否将子节点算作“后续”节点。如果是这样，您应该从以下开始:

if( node.firstChild) node = node.nextChild;
else {
    while ...
}