CharacterData:previousElementSibling 属性

Baseline 已广泛支持

此功能已成熟,可跨多种设备和浏览器版本工作。它自 ⁨2018 年 4 月⁩ 起已在所有浏览器中可用。

CharacterData 接口的只读 **previousElementSibling** 属性返回当前节点在其父节点的子节点列表中第一个 Element 节点,如果没有则返回 null

一个 Element 对象,如果没有找到同级元素则返回 null

示例

html
<div id="div-01">Here is div-01</div>
TEXT
<div id="div-02">Here is div-02</div>
SOME TEXT
<div id="div-03">Here is div-03</div>
<pre>Result</pre>
js
// Initially set node to the Text node with `SOME TEXT`
let node = document.getElementById("div-02").nextSibling;

let result = "Previous element siblings of SOME TEXT:\n";

while (node) {
  result += `${node.nodeName}\n`;
  node = node.previousElementSibling;
}

document.querySelector("pre").textContent = result;

规范

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

浏览器兼容性

另见