HTML DOM nextSibling 和nextElementSibling属性

nextSibling 和nextElementSibling的区别

• nextSibling属性返回元素节点之后的兄弟节点（包括文本节点、注释节点）；
• nextElementSibling属性只返回元素节点之后的兄弟元素节点（不包括文本节点、注释节点）；

定义和用法

• nextSibling 属性返回指定节点之后紧跟的节点，在相同的树层级中。
• 被返回的节点以 Node 对象返回。、

注释：如果没有 nextSibling 节点，则返回值为 null。

• 使用nextElementSibling属性返回指定元素之后的下一个兄弟元素，（即：相同节点树层中的下一个元素节点）。

实例

此例中就要用nextElementSibling给p标签添加文本，如果用nextSibling就会报如下错误：

也可以去掉中间多余的内容，input的nextSibling就是p结点。