javascript - 为什么我的循环在 JavaScript 中不起作用？

Question

为什么我的循环在 JavaScript 中不起作用？

for (n = 1; n<4; n++) 
{
    var my_buttons = "";
    my_buttons = my_buttons + `<div class="click" id="color${n}"></div>`;
    document.getElementById("clicky").innerHTML = my_buttons;
}

标签： javascript

Answer 1

你有两个问题：

首先，您通过在循环中声明它来覆盖 my_buttons 。其次，您还在循环中将覆盖的变量添加到 innerHTML ，因此内容永远不会一起保存。

my_buttons = "";
for (let n = 1; n<4; n++) 
{
    my_buttons = my_buttons + `<div class="click" id="color${n}"></div>`;
}
document.getElementById("clicky").innerHTML = my_buttons;