从document.getElementsByClassName向上导航节点

Navigate up a node from document.getElementsByClassName

本文关键字：导航 节点 document getElementsByClassName      更新时间：2023-09-26

有没有办法在document.getElementsByClassName之上获取节点或类例如

<div class="a">
    <div class="3">
    </div>
</div>
<div class="z">
    <div class="3">
    </div>
</div>

完成后

document.getElementsByClassName("3")

有没有一种方法可以导航到类a和z。比如，如果我想改变整个a和z类的颜色，而不仅仅是3类。

我想您正在寻找.parentNode

对于.parentNode，如果使用getElementsByClassName（返回一个数组），则必须循环遍历该数组。

大致如下（如果太冗长，请原谅，我是一名iOS工程师）：

var elementsOfClassThree = document.getElementsByClassName("3");
for (var i = 0; i < elementsOfClassThree.length; i ++) {
    var parentElement = elementsOfClassThree[i].parentNode
    parentElement.style.color = "blue"
}
相关文章：