常用的HTML DOM nextElementSibling属性简介

2019-04-22112次阅读DOM

我为什么会写这种无趣的文章,讲道理,这些属性翻翻手册、翻翻MDN Web 文档就有。不为啥,就会了查找方便,少得每次去找度娘、MDN。

nextElementSibling 属性返回指定元素之后的下一个兄弟元素(相同节点树层中的下一个元素节点)。

nextSibling 属性与 nextElementSibling 属性的差别:

  • nextSibling 属性返回元素节点之后的兄弟节点(包括文本节点、注释节点);
  • nextElementSibling 属性只返回元素节点之后的兄弟元素节点(不包括文本节点、注释节点);
  • nextElementSibling属性为只读属性。

提示: 使用 previousElementSibling 属性返回指定元素的前一个元素。

提示: 使用 children 属性返回指定元素的任何子元素。

例子:

var x = document.getElementById("item1").nextElementSibling.innerHTML;

浏览器兼容:IE9+。

 

上一篇: JavaScript变量对象详解(转载)  下一篇: 被遗忘了的css伪类:empty  

常用的HTML DOM nextElementSibling属性简介相关文章