javascript - 从 document.getElementsByClassName 向上导航节点

Question

有没有办法获取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 类的颜色一样。

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"
}