nextSibling和ChildNode

nextSibling和ChildNode

本文介绍了node.nextSibling和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有什么区别?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

09-05 07:13