如何在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。