node.nextSibling和ChildNode.nextElementSibling有什么区别？ [英] What is the difference between node.nextSibling and ChildNode.nextElementSibling?

问题描述

< div id =div-01>这里是div-01< / div>
< div id =div-02>这里是div-02< / div>

他们同样的事情？

都返回了紧跟的节点。我读了很多文章，但是对我来说似乎是一样的，但是不能用何种方式来使用它们？

Both returning the immediately followed node. I read a lot of articles but seems to me like the same thing, but can't figure where to use one versus other ?

推荐答案

p> nextElementSibling 总是返回一个元素。 nextSibling 可以返回任何类型的节点。它们与您的示例相同，但在其他情况下不同，例如：

nextElementSibling always returns an element. nextSibling can return any kind of node. They are the same for your example, but different in other cases, e.g.:

<p><span id="span-01">Here is span-01</span>
Some text at the top level
<span id="span-02">Here is span-02</span></p>

在这种情况下， document.getElementById（'span-01'）。 nextElementSibling 是 span-02 ，但 document.getElementById（'span-01'）。nextSibling 是包含顶层某些文本的文本节点。

In this case, document.getElementById('span-01').nextElementSibling is span-02, but document.getElementById('span-01').nextSibling is the text node containing "Some text at the top level".

这篇关于node.nextSibling和ChildNode.nextElementSibling有什么区别？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！