手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >原生js实现查找/添加/删除/指定元素的class
原生js实现查找/添加/删除/指定元素的class
摘要:复制代码代码如下:window.onload=function(){vargaga=document.getElementById("gag...

复制代码 代码如下:

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】相关文章:

如何使用PHP+jQuery+MySQL实现异步加载ECharts地图数据(附源码下载)

用srcElement实现添加效果 原创

纯javascript实现四方向文本无缝滚动效果

js+css实现回到顶部按钮(back to top)

jQuery实现在列表的首行添加数据

js实现div层缓慢收缩与展开的方法

js实现异步循环实现代码

原生JS和JQuery动态添加、删除表格行的方法

基于JavaScript实现动态添加删除表格的行

jQuery实现控制文字内容溢出用省略号(…)表示的方法

精品推荐
分类导航