分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

原生JS操作class 极致版

发布时间:2023-09-06 02:25责任编辑:蔡小小关键词:class
 ???// 获取class ???function getClass(el) { ???????return el.getAttribute('class') ???} ???// 设置class ???function setClass(el, cls) { ???????return el.setAttribute('class', cls) ???} ???????// 当然彩蛋压轴戏肯定是在最后的啦 ???// 判断class是否存在 ???function hasClass(elements, cName) { ???????return !!elements.className.match(new RegExp("(\\s|^)" + cName + "(\\s|$)")); ???} ???// 添加clss ???function addClass(elements, cName) { ???????if (!hasClass(elements, cName)) { ???????????elements.className += " " + cName; ???????} ???} ???// 删除class ???function removeClass(elements, cName) { ???????if (hasClass(elements, cName)) { ???????????elements.className = elements.className.replace(new RegExp("(\\s|^)" + cName + "(\\s|$)"), " "); ???????} ???} ???// 切换class ???function toggleClass(elements, cName) { ???????if (hasClass(elements, cName)) { ???????????elements.className = elements.className.replace(new RegExp("(\\s|^)" + cName + "(\\s|$)"), ""); ???????} else { ???????????elements.className += " " + cName; ???????} ???}

原生JS操作class 极致版

原文地址:https://www.cnblogs.com/xiaobaiv/p/10072694.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved