父元素和子元素不需要过多的解释,同胞元素是指元素的上一个元素或者是子元素的下一个元素。
获取上一个或者下一个同胞元素,使用很多人会立马想到JQuery prev() 和 next() 的确非常方便。那么原生的JavaScript该怎么获取 上一个 或者 下一个 同胞元素呢?
界面实际元素
<body>
<ul>1</ul>
<ul class="li2">2</ul>
<ul>3</ul>
</body>
界面元素分布如下图
页面如上所示,执行执行下面的代码返回的值是7。元素的截图也如上所示。换行也是一个元素。
document.querySelector(".li2").parentNode.childNodes.length
JavaScript 提供了原生的API nextSibling/prevSibling;
用法:ele.nextSibling
问题:在现代浏览器中&#