Categories: DOM对象tips

HTML DOM nextElementSibling 属性| DOM 对象：HTML DOM 元素对象

返回到：DOM 对象：HTML DOM 元素对象

定义和用法

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

nextSibling 属性与 nextElementSibling 属性的差别：

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

nextElementSibling属性为只读属性。

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

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

浏览器支持

属性	谷歌	IE	火狐	苹果	opera
nextElementSibling	2.0	9.0	3.5	4.0	10.0

语法

node.nextElementSibling

技术细节

返回值：	Node 对象，表示元素的下一个兄弟元素，如果没有下一个兄弟元素则返回 null。
DOM 版本	DOM 3

实例

返回下一个列表选项的 HTML 内容：

<!DOCTYPE html>
<html>
 <title>Web176教程网(web176.com)</title>
<body>

<p>实例列表:</p>

<ul>
  <li id="item1">咖啡 (第一项)</li>
  <li id="item2">西瓜 (第二项)</li>
</ul>

<p>点击以下按钮，获取列表中第一个li元素节点之后的兄弟元素的内容。</p>

<button >

terry

这个人很懒，什么都没有留下～