Question

我这个数组：

arrayHAY["rat","cat","hat","mat","bat"];

这些元素：

<div id="rat"></div>
<div id="cat"></div>
<div id="hat"></div>
<div id="mat"></div>
<div id="bat"></div>

我的问题是如何使用数组循环遍历每个元素并对其执行某些操作？

这样的事情：

var nameOfarray = document.getElementByID('.arrayHAY[i].value')
var lengthOfArray = nameOfarray.length;                            
for(var i=0; i<lengthOfArray; i++) {
// do something
}

谢谢。

Answer 1

你可以这样做：

var arrayHAY = ["rat","cat","hat","mat","bat"];

for (var i = 0, l = arrayHAY.length; i < l; ++i) {
  var elem = document.getElementById(arrayHAY[i]);
  // now do your stuff
}

Answer 2

你很亲密。试着了解你在做什么。数组中有id个元素。您需要获取与id对应的元素，因此请将每个元素用作document.getElementById中的ID。

var lengthOfArray = nameOfarray.length;                            
for(var i=0; i<lengthOfArray; i++) {
    var element = document.getElementByID(arrayHAY[i].value) //No quotes here
}

Answer 3

你需要这样的东西：

for (var i = 0, l = arrayHAY.length; i < l; ++i) {
  var selected = document.getElementById(arrayHAY[i]);
  // your own code would be here
}

这将循环并选择每个元素。

Answer 4

现在（使用ECMAScript 5）你可以做到：

['rat', 'cat', 'hat', 'mat', 'bat'].forEach(function(id) {
    var element = this.getElementById(id);
    console.log('Selected Element: ', element);
}, document);

Answer 5

for( var i=0; i<arrayHay.length; i++ )
{

    document.getElementsById(arrayHay[i]).value; // access value from outside

}

在javascript中使用数组作为id

5 个答案: