复制代码 代码如下:
window.onload = function(){
var gaga = document.getElementById( "gaga" );
addClass( gaga,"gaga1" )
addClass( gaga,"gaxx" );
removeClass( gaga,"gaga1" )
removeClass( gaga,"gaga" )
function hasClass( elements,cName ){
return !!elements.className.match( new RegExp( "(\\s|^)" + cName + "(\\s|$)") ); // ( \\s|^ ) 判断前面是否有空格 （\\s | $ ）判断后面是否有空格 两个感叹号为转换为布尔值 以方便做判断
};
function addClass( elements,cName ){
if( !hasClass( elements,cName ) ){
elements.className += " " + cName;
};
};
function removeClass( elements,cName ){
if( hasClass( elements,cName ) ){
elements.className = elements.className.replace( new RegExp( "(\\s|^)" + cName + "(\\s|$)" )," " ); // replace方法是替换
};
};
};
您可能感兴趣的文章:
- 详解用JS添加和删除class类名
- 基于JavaScript实现类名的添加与移除
- 向JavaScript的数组中添加元素的方法小结
- javaScript给元素添加多个class的简单实现
- JavaScript DOM元素常见操作详解【添加、删除、修改等】
- js实现class样式的修改、添加及删除的方法
- JS添加或修改控件的样式(Class)实现方法
- Javascript 检测、添加、移除样式(className)函数代码
- 原生js实现class的添加和删除简单代码
- 原生js封装添加class,删除class的实例
- 原生js添加一个或多个类名的方法分析
