如何访问id为variable的元素

Question

我需要访问使用JavaScript的HTML文件中的元素,他们的名字都一样arr_1,arr_2,arr_3,我想用一个循环动态创建ID,然后访问它们象下面这样:

for(var i=0; i< 10; i++) {
  var id = "arr_" + i;

  $document.getElementById('id')....

}

但它不起作用.我记得有一个功能允许我这样做,任何人都知道那是什么？

Answer 1

您不需要前面的美元符号document,您应该将您的id变量传递给getElementById函数,而不是包含'id'以下内容的字符串:

for(var i=0; i< 10; i++) {
  var id = "arr_" + i;
  var element = document.getElementById(id);
  // work with element
}

您可能还想getElementById在操作之前检查是否确实找到了元素,以避免运行时错误:

if (element) {
  element.style.color = '#ff0000';
}