使用JavaScript更改多个元素样式

Question

我需要使用JavaScript更改多个按钮的样式。

我尝试给他们所有的ID并以这种方式改变它：

document.getElementById('button').style.color = "#ff0000";

但这当然只改变了第一个。

我可以给他们所有不同的ID，但是有超过150个，这会很麻烦。

如何更改所有内容？

Answer 1

对所有按钮使用通用类名，并应用文本样式，如下面的代码所示。

var x = document.getElementsByClassName("btn");
for (var i = 0; i < x.length; i++) {
    x[i].style.color = "#ff0000";
}

或者为所有按钮指定一个公共类名，并使用css来应用样式。

.btn{
   color : #ff0000;
}