使用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; 
}