在javascript中动态添加/删除样式 [英] dynamically add/remove style in 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

http://snipplr.com/view/3561/addclass-removeclass-hasclass/

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中动态添加/删除样式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！