前台脚本中,我们经常要操作页面元素的样式,比如标签页切换时,将当前标签加上一个样式,当切换到其他标签时,再将样式还原,本文介绍的是直接添加和移除?className?的方法。
Javascript:??
-
<script type="text/javascript">
-
?
-
// 说明:添加、移除、检测 className
-
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>
?
?
?