javascript - 无法通过 Id 更改 div 的 innerHTML

Question

我正在尝试更改多个 div 元素的 innerHTML。但是我尝试的一切都不起作用。

var divIds = ["kartinka0", "kartinka1", "kartinka2", "kartinka3", "kartinka4", "kartinka5", "kartinka6", "kartinka7", "kartinka8", "kartinka9", "kartinka10", "kartinka11"];
var Inners = [
  "<img src='0.png' style='transform: translate(0px, -184px);'></img>",
  "<img src='1.png' style='transform: translate(90px, -160px);'></img>",
  "<img src='2.png' style='transform: translate(170px, -90px);'></img>",
  "<img src='3.png' style='transform: translate(195px, 0px);'></img>",
  "<img src='4.png' style='transform: translate(180px, 100px);'></img>",
  "<img src='5.png' style='transform: translate(100px, 170px);'></img>",
  "<img src='6.png' style='transform: translate(0px, 200px);'></img>",
  "<img src='7.png' style='transform: translate(-95px, 175px);'></img>",
  "<img src='8.png' style='transform: translate(-170px, 100px);'></img>",
  "<img src='9.png' style='transform: translate(-200px, 5px);'></img>",
  "<img src='10.png' style='transform: translate(-170px, -95px);'></img>",
  "<img src='11.png' style='transform: translate(-90px, -160px);'></img>"
];

document.getElementById(divIds[0]).innerHTML = Inners[0];

var counter = 0;
var previousDiv = "nothing",
  currentDiv = "nothing";

setInterval(function() {
  if (counter == 12) counter = 0;

  if (counter == 0) previousDiv = "kartinka11";
  else previousDiv = divIds[counter - 1];

  currentDiv = divIds[counter];

  document.getElementById(previousDiv).innerHTML = " ";
  document.getElementById(currentDiv).innerHTML = Inners[counter];

  counter++;
}, 5000);

<div id="kartinka0" class="centrirane"></div>
<div id="kartinka1" class="centrirane"></div>
<div id="kartinka2" class="centrirane"></div>
<div id="kartinka3" class="centrirane"></div>
<div id="kartinka4" class="centrirane"></div>
<div id="kartinka5" class="centrirane"></div>
<div id="kartinka6" class="centrirane"></div>
<div id="kartinka7" class="centrirane"></div>
<div id="kartinka8" class="centrirane"></div>
<div id="kartinka9" class="centrirane"></div>
<div id="kartinka10" class="centrirane"></div>
<div id="kartinka11" class="centrirane"></div>
<div id="nothing" class="centrirane"></div>

它根本行不通，但它应该……无论我按名称还是从数组调用 ID，它都不会改变任何东西。不是 style.display 或任何属性。这些 ID 没有任何效果，我已经绝望了。
非常感谢任何帮助!

编辑:
document.getElementById(divIds[0]).innerHTML = Inners[0];
类型错误:无法设置 null 的属性“innerHTML”

当我使用警报并给它 divIds[0] 或 Inners[0] 时，它会从这些数组中弹出字符串。好像 html 部分中的这些 id 不存在。

Answer 1

有一个未定义的循环“i”。你应该更换

currentDiv = divIds[i];

与

currentDiv = divIds[counter];