元素:previousElementSibling 属性

Element.previousElementSibling 只读属性返回在其父元素的子元素列表中指定元素之前的那个 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>

<script>
  let el = document.getElementById("div-03").previousElementSibling;
  document.write("<p>Siblings of div-03</p><ol>");
  while (el) {
    document.write("<li>" + el.nodeName + "</li>");
    el = el.previousElementSibling;
  }
  document.write("</ol>");
</script>

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

Siblings of div-03

   1. LI
   2. LI
   3. DIV
   4. DIV

规范

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

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅