HTML DOM nextSibling 和nextElementSibling属性
nextSibling 和nextElementSibling的区别
- nextSibling属性返回元素节点之后的兄弟节点(包括文本节点、注释节点);
- nextElementSibling属性只返回元素节点之后的兄弟元素节点(不包括文本节点、注释节点);
定义和用法
- nextSibling 属性返回指定节点之后紧跟的节点,在相同的树层级中。
- 被返回的节点以 Node 对象返回。、
注释:如果没有 nextSibling 节点,则返回值为 null。
- 使用nextElementSibling属性返回指定元素之后的下一个兄弟元素,(即:相同节点树层中的下一个元素节点)。
实例
此例中就要用nextElementSibling给p标签添加文本,如果用nextSibling就会报如下错误:
也可以去掉中间多余的内容,input的nextSibling就是p结点。