Используйте javascript для добавления класса CSS ко всем элементам с другим именем класса

Question

Я пытаюсь использовать javascript для добавления класса ко всем элементам с другим классом. Я знаю, что вы можете подумать, что это избыточно, но для ситуации, в которой я нахожусь, это необходимо. Мне нужен способ взглянуть на все элементы с этим именем класса и добавить класс, но я не понимаю, как получить счет? Я работаю с cms, где я не могу изменить стиль в своем классе.

$(document).ready(function() { 
      var ClassBtn = document.getElementsByClassName("buttonSubmit"); 

      ClassBtn.className = ClassBtn.className + " btn"; 


     }); 

Answer 1

Поскольку в этом случае вы используете jQuery:

Live Demo

$(document).ready(function() { 
    $('.buttonSubmit').addClass('btn'); 
}); 

Без JQuery:

Live Demo

window.onload = function() { 
    var buttons = document.getElementsByClassName("buttonSubmit"), 
     len = buttons !== null ? buttons.length : 0, 
     i = 0; 
    for(i; i < len; i++) { 
     buttons[i].className += " btn"; 
    } 
}