使用javascript将CSS类添加到具有其他类名的所有元素中

Use javascript to add a CSS class to all elements with another class name

本文关键字：其他 元素 javascript CSS 添加 使用      更新时间：2023-09-26

我正试图使用javascript将一个class添加到具有不同class的所有元素中。我知道你可能认为这是多余的，但就我所处的情况而言，这是必要的。我需要一种方法来查看具有该类名的所有元素并添加类，但我不明白如何获得计数？我正在使用cms，我无法自行改变课堂上的造型。

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

        });

由于显示您正在使用jQuery:

实时演示 

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

没有jQuery：

实时演示

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"; 
    }
}
相关文章：