如何在JS中获取元素的子类

How to get the classes of an element's children in JS?

本文关键字：元素 子类 获取 JS      更新时间：2023-09-26

我正在为响应式网页设计创建一个网格系统，我的代码(简化)看起来像这样:

<div id="row1">
<div class="type_3">
</div>
<div class="type_1">
</div>
<div class="type_2">
</div>
<div class="type_2">
</div>
</div>

现在我想获得类的名称和元素的顺序，它们是.row1的直接子，在js中作为数组或字符串(或类似)。在这种情况下，顺序非常重要。什么好主意吗?提前感谢，JBG

遍历#row1节点的子节点:

var children = document.getElementById("row1").children;
for (var i = 0; i < children.length; ++i) {
    alert(children[i].className);
}

alert只是一个快速的演示，在循环中做任何你想做的事情。

相关文章：