javascript - 在javascript中动态添加/删除样式

Question

有没有在任何浏览器中添加/删除类名的方法？例如，如果我有一个带有类名的 div，我只想删除/添加“name2”，有没有办法做到这一点？

谢谢， 罗查尔

Answer 1

如果你可以使用 jQuery:

删除:

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

添加:

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

如果你不会使用 jQuery，我找到了这个 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 方法，但它似乎足够了