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