在FOR循环中使用变量

Question

我想做的就是在循环中调用FOR变量。但由于某些原因不起作用......

HTML

<span id="1"></span>
<span id="2"></span>
<span id="3"></span>

JAVASCRIPT

for (j = 0; j < 3; j++) {
  var product = j;
  document.getElementById(product).innerHTML = "blah";
}

https://jsfiddle.net/cq47eo1c/

Answer 1

问题是您正在尝试查找ID为0的元素，但它不存在，因此在尝试访问null的innerHTML属性时，您的脚本会出错。通过致电document.getElementById(0)）返回。 Dev tools是您的朋友，始终寻找错误消息。

  

未捕获的TypeError：无法设置null

的属性'innerHTML'

for (j = 1; j <= 3; j++) {
  var product = j;
  document.getElementById(product).innerHTML = "blah";
}

<span id="1"></span>
<span id="2"></span>
<span id="3"></span>

https://jsfiddle.net/cq47eo1c/