本文介绍了在javascript中动态添加/删除样式的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

在任何浏览器中都有添加/删除类名的方法吗?例如,如果我有一个带有类名的div,我只想删除/添加'name2'有办法吗?

Is there a way in any browser to add/remove class names? For example, if I have a div with class names and I just want to remove/add 'name2' is there a way to do that?

谢谢,
rodchar

Thanks,rodchar

推荐答案

如果你可以使用jQuery:

If you can use jQuery:

删除:

$('#div1')。removeClass('name2')

添加:

$('#div1')。addClass('name2')

如果你不能使用jQuery,我发现这个网址

If you can't use jQuery, I found this url

function hasClass(ele,cls) {
    return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
}

function addClass(ele,cls) {
    if (!this.hasClass(ele,cls)) ele.className += " "+cls;
}

function removeClass(ele,cls) {
    if (hasClass(ele,cls)) {
        var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)');
        ele.className=ele.className.replace(reg,' ');
    }
}

老实说,我没有使用过非jquery方法,但似乎足够

Honestly, I haven't used the non-jquery approach but it seems enough

这篇关于在javascript中动态添加/删除样式的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

09-14 21:36