如何使用javascript选择具有类名的元素并将其添加到数组

Question

我有这个HTML代码，

<div id=menu>
 <div class=other></div>
 <div class=select></div>
 <div class=select></div>
</div>

如何选择所有具有“选择”类名的div并将其添加到数组中？

我尝试了这段代码，但没有达到我的预期，

var arr = document.getElementById('menu').children;
for(int i=0;i<arr.length;i++){
 if(arr[i].className=='select'){ 
  //do following
 }
}

Answer 1

您可以这样使用document.getElementsByClassName(classname) ：

selectdivs = document.getElementsByClassName('select')

由于该函数返回一个列表。

或者，您可以创建一个空白列表并推送有效的div ：

all = []
for(var i = 0;i < document.getElementById("menu").children.length;i++){
    div=document.getElementById("menu").children[i];
    if(div.className == "select"){
         all.push(div)
    }
}

Answer 2

您可以使用另一个数组来存储必需的元素：

var arr = document.getElementById('menu').children;
var eleArray = [];
for(int i=0;i<arr.length;i++){
 if(arr[i].className=='select'){ 
  eleArray.push(arr[i]);
 }
}

如果无需查找menu的子级，则可以直接使用document.getElementsByClassName('select') ，它返回所有带有select类的元素的数组。