Javascript 检测、添加、移除样式(className)函数代码- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > Javascript 检测、添加、移除样式(className)函数代码

技术文章搜索

关键字

Javascript 检测、添加、移除样式(className)函数代码

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 406 ::

收藏到网摘: n/a

Javascript 阻止浏览器默认操作的实现代码 Javascript String.replace的妙用

在前台脚本中，我们经常要操作页面元素的样式，比如标签页切换时，将当前标签加上一个样式，当切换到其他标签时，再将样式还原，本文介绍的是直接添加和移除 className 的方法。

复制代码代码如下:

 
<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> 

Javascript 阻止浏览器默认操作的实现代码 Javascript String.replace的妙用

Javascript 检测、添加、移除样式(className)函数代码

评论 (0) All