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