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