Categories: DOM对象tips

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

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

定义和用法

previousElementSibling 属性返回指定元素的前一个兄弟元素（相同节点树层中的前一个元素节点）。

previousSibling 属性与 previousElementSibling 属性的差别：

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

previousElementSibling 属性为只读属性。

提示: 使用 nextElementSiblin g 属性返回指定元素的下一个兄弟元素。

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

浏览器支持

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

语法

node.previousElementSibling

技术细节

返回值：	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

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