如何在JavaScript中访问上一个同级的DOM

How to access DOM from previous sibling in JavaScript?

本文关键字:DOM 上一个 访问 JavaScript      更新时间:2023-09-26

我正试图从下一行的div(class 2)中获取div的id(id 1)名称。当我使用previousSibling时,它在谷歌chrome上有效,但在safari上无效,因为safari将div之间的区域捕获为"#text"。在我的代码中,id名称非常独特,有很多不同的id名称,所以我不想按id名称查找。有什么好方法可以访问以前的兄弟姐妹吗??

<div id="parent">
 <div id="1">
  <div class="1-1"></div>
  <div class="1-2"></div>
 </div>
 <div class="2"></div>
</div>

当我使用previousSibling时,它在谷歌chrome上有效,但在safari上无效,因为safari将div之间的区域捕获为"#text"。

它有效。它只是不做你想让它做的事。它返回同级Node s。在这种情况下,是一个TextNode

您正在寻找的是一个Element,一个Node的特定子类。为此,存在.previousElementSibling属性。

使用调试器检查DOM节点,然后查找可用属性的文档是找到这些内容的好方法。