Element: previousElementSibling 属性

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

Element.previousElementSibling 只读属性返回在父元素的 children 列表中紧邻指定元素之前的那个 Element;如果指定元素是列表中的第一个元素,则返回 null

一个 Element 对象,或者 null

示例

html
<div id="div-01">Here is div-01</div>
<div id="div-02">Here is div-02</div>
<li>This is a list item</li>
<li>This is another list item</li>
<div id="div-03">Here is div-03</div>
js
let el = document.getElementById("div-03").previousElementSibling;
console.log("Siblings of div-03:");
while (el) {
  console.log(el.nodeName);
  el = el.previousElementSibling;
}

本示例在页面加载时输出以下内容:

Siblings of div-03:
LI
LI
DIV
DIV

规范

规范
DOM
# ref-for-dom-nondocumenttypechildnode-previouselementsibling②

浏览器兼容性

另见