出处:http://jawallok.blog.163.com/blog/static/3332397420100510506276/
在前台脚本中,我们经常要操作页面元素的样式,比如标签页切换时,将当前标签加上一个样式,当切换到其他标签时,再将样式还原,本文介绍的是直接添加和移除 className 的方法。
归类: Javascript, (X)HTML/CSS, 关键词: 删除样式, hasClass, 检测样式, addClass, 增加样式, removeClass, 收藏本页到:
在前台脚本中,我们经常要操作页面元素的样式,比如标签页切换时,将当前标签加上一个样式,当切换到其他标签时,再将样式还原,本文介绍的是直接添加和移除 className 的方法。
在前台脚本中,我们经常要操作页面元素的样式,比如标签页切换时,将当前标签加上一个样式,当切换到其他标签时,再将样式还原,本文介绍的是直接添加和移除 className 的方法。
归类: Javascript, (X)HTML/CSS, 关键词: 删除样式, hasClass, 检测样式, addClass, 增加样式, removeClass, 收藏本页到:
在前台脚本中,我们经常要操作页面元素的样式,比如标签页切换时,将当前标签加上一个样式,当切换到其他标签时,再将样式还原,本文介绍的是直接添加和移除 className 的方法。
<script type="text/javascript">
function hasClass(element, className)
{
var reg = new RegExp('(\\s|^)'+className+'(\\s|$)');
return element.className.match(reg);
}
function addClass(element, className)
{
if (!this.hasClass(element, className))
{
element.className += " "+className;
}
}
function removeClass(element, className)
{
if (hasClass(element, className))
{
var reg = new RegExp('(\\s|^)'+className+'(\\s|$)');
element.className = element.className.replace(reg,' ');
}
}
</script>