js查找|添加|删除|指定元素的class代码

发布时间:2020-11-15编辑:脚本学堂
js代码实现查找、添加、删除、指定元素的class代码,在当今Jquery大行其道的天下,用原生的js代码实现,太给力了,有需要的朋友,参考学习下吧。

完整代码如下:

<script language="javascript">
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方法是替换
};
};
}; 
</script>