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

Question

我只是为响应式网页设计创建一个网格系统，我的代码（简化）如下所示：

<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

Answer 1

遍历#row1节点的子节点：

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

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