从document.getElementsByClassName中导航节点

Question

有没有办法让node.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类。

Answer 1

我认为您正在寻找.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"
}