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