nextSibling和nextElementSibling的区别

nextSibling返回其父节点的childNodes子节点列表中紧随其后的节点
nextElementSibling返回的则是其父节点的childNodes子节点列表中紧随其后的元素节点
previousSibling和previousElementSibling类似

DOM 节点
根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点：
1. 整个文档是一个文档节点，节点类型：9
2. 每个 HTML 元素是元素节点，节点类型：1
3. HTML 元素内的文本是文本节点，节点类型：3
4. 每个 HTML 属性是属性节点，节点类型：2
5. 注释是注释节点，节点类型：8

所以我们在使用nextSibling时获取到的节点有可能是个文本节点，如空白符，回车等

nextSibling和nextElementSibling的区别相关推荐

nextSibling 和nextElementSibling的区别
使用nextSibling属性返回指定节点之后的下一个兄弟节点,(即:相同节点树层中的下一个节点). nextSibling属性与nextElementSibling属性的差别: nextSibli ...
【踩坑】nextSibling 和nextElementSibling的区别
DOM 使用nextSibling属性返回指定节点之后的下一个兄弟节点,(即:相同节点树层中的下一个节点). nextSibling属性与nextElementSibling属性的差别: nextS ...
HTML DOM nextSibling 和nextElementSibling属性
nextSibling 和nextElementSibling的区别 nextSibling属性返回元素节点之后的兄弟节点(包括文本节点.注释节点): nextElementSibling属性只返回元 ...
nextSibling 和nextElementSibling
#nextSibling 和nextElementSibling的区别 DOM 使用nextSibling属性返回指定节点之后的下一个兄弟节点,(即:相同节点树层中的下一个节点). nextSibli ...
nextSibling,nextElementSibling的区别；
html文档如下: <div id="box"><ul id="ul"><li>第一个</li><li i ...
nextSibling与nextElementSibling区别
nextSibling属性返回元素节点之后的兄弟节点(包括文本节点.注释节点): nextElementSibling属性只返回元素节点之后的兄弟元素节点(不包括文本节点.注释节点): 在 HTML ...
原生js中nextSibling和nextElementSibling的坑
作者:拓海老师,公众号:拓海老师一直以来js的随性让初学者蛋疼菊紧,但是真正玩熟了之后,还是非常有意思的! 今天拓海老师跟大家说一下原生js中获取元素的下一个直接兄弟元素的坑! 业务场景:点击当前元 ...
js和jq的联系和区别
我是一个从汽车行业转行IT的项目经理,我是Edward,如想了解更多,请关注我的公众号[转行项目经理的逆袭之路]. 今天来聊聊js和jq. 以上两幅图可以表明两者之间的关系,用一句说来表示就是: jq ...
dom node and html element,DOM parentNode和parentElement之间的区别
6 个答案: 答案 0 :(得分:380) parentElement是Firefox 9和DOM4的新功能,但它已经存在于所有其他主流浏览器中. 在大多数情况下,它与parentNode相同.当节点 ...

nextSibling和nextElementSibling的区别

nextSibling和nextElementSibling的区别相关推荐

最新文章

热门文章