Question

我不明白问题所在。我必须给他们独特的名字吗？如果是这样我怎么能这样做？

var co = document.querySelector("div");

var buttons = [];


for (i = 0; i < 10; i++) {
    button = document.createElement("button");
    buttons.push("button");
    co.appendChild(button);
    }

for (i = 0; i < 9; i++) {
    buttons[i].style.backgroundColor = "blue";
    }

Answer 1

您可以推送button变量，而不是字符串。

buttons.push(button);

对于迭代按钮，您可以使用length属性来迭代所有按钮。

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

不要忘记在顶部声明索引变量i。

var i;

Answer 2

你想要的全部例子:)

var co = document.querySelector("div");
var colors = ["blue","red","green","orange","black","violet","blueviolet"]
var buttons = [];


for (i = 0; i < 10; i++) {
    button = document.createElement("button");
    buttons.push(button);
    co.appendChild(button);
    }

for (i = 0; i < buttons.length; i++) {
    buttons[i].style.backgroundColor = colors[Math.floor(Math.random() * colors.length)];
    }

<div></div>

如何创建按钮，让它们改变颜色，javascript

2 个答案: