原生js实现查找/添加/删除/指定元素的class
时间:2024-04-18 09:44:46
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
0
投稿
猜你喜欢
数组保存为txt, npy, csv 文件, 数组遍历enumerate的方法
2021-05-05 05:36:39
对setInterval在火狐和chrome切换标签产生奇怪的效果之探索,与解决方案!
2024-04-28 09:43:23
中文用户名的js检验正则
2022-03-26 03:19:32
hover悬停放大的翻页效果
2008-05-19 12:20:00
关于Python 中的时间处理包datetime和arrow的方法详解
2023-11-16 12:18:48
python itertools包内置无限迭代器
2023-11-16 18:58:59
用Python一键搭建Http服务器的方法
2021-08-09 19:36:32
IE8"开发人员工具"使用详解
2009-03-26 12:51:00
python设置检查点简单实现代码
2023-09-25 19:08:44
Python使用pandas将表格数据进行处理
2023-10-08 06:23:55
SQL写法--行行比较
2024-01-12 18:53:34
微信小程序(六):列表上拉加载下拉刷新示例
2024-05-11 09:34:22
Python使用numpy模块实现矩阵和列表的连接操作方法
2023-02-17 21:05:41
MSSQL优化之探索MSSQL执行计划(转)
2011-11-03 17:16:21
解决win10 vscode 无法激活python 虚拟环境的问题
2023-10-09 04:23:25
GoLand 2020.3 正式发布有不少新功能(支持泛型)
2024-04-25 15:27:40
Pycharm代码无法复制,无法选中删除,无法编辑的解决方法
2023-10-01 01:43:31
Python用 KNN 进行验证码识别的实现方法
2021-03-29 06:58:08
Python使用APScheduler实现定时任务过程解析
2023-01-23 19:20:35
Python Pandas知识点之缺失值处理详解
2023-09-29 20:23:16