原生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
  • asp之家 网络编程 m.aspxhome.com