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