使用 javascript 将 CSS 类添加到具有另一个类名的所有元素

2024-05-25

我正在尝试使用 javascript 将类添加到具有不同类的所有元素。我知道你可能认为这是多余的,但对于我所处的情况来说这是必要的。我需要一种方法来查看具有该类名称的所有元素并添加该类,但我不明白如何获取计数?我正在使用一个 cms,但我无法更改它本身的类中的样式。

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

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


        });

因为看起来您正在使用jQuery http://jquery.com/:

Live Demo http://jsfiddle.net/PfKZt/

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

没有 jQuery:

Live Demo http://jsfiddle.net/PfKZt/3

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"; 
    }
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 javascript 将 CSS 类添加到具有另一个类名的所有元素 的相关文章

随机推荐