Изменение стиля нескольких элементов с помощью JavaScript

Question

Мне нужно изменить стиль нескольких кнопок с помощью JavaScript.

Я попытался дать им все идентификатор и изменить его таким образом:

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

Но это, конечно, только изменил первый.

Я мог бы дать им все разные идентификаторы, но их более 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; 
}