添加class和删除class以及判断是否含有class
2024-10-19 14:32:04
addClass(document.body, 'showRightPanel')
removeClass(document.body, 'showRightPanel')
/**
* Add class to element
* @param {HTMLElement} elm
* @param {string} cls
*/
export function addClass(ele, cls) {
if (!hasClass(ele, cls)) ele.className += ' ' + cls
}
/**
* Remove class from element
* @param {HTMLElement} elm
* @param {string} cls
*/
export function removeClass(ele, cls) {
if (hasClass(ele, cls)) {
const reg = new RegExp('(\\s|^)' + cls + '(\\s|$)')
ele.className = ele.className.replace(reg, ' ')
}
}
/**
* Check if an element has a class
* @param {HTMLElement} elm
* @param {string} cls
* @returns {boolean}
*/
export function hasClass(ele, cls) {
return !!ele.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'))
}
最新文章
- sed 技巧
- Create and Use Custom Attributes
- [译]Canvas的基本用法
- spark MapOutputTrackerMaster
- 微软官方的一段JavaScript判断.net环境
- JQuery学习使用笔记 -- JQuery插件开发
- Eclipse文件覆盖问题
- VS2013中Python学习环境搭建
- 安装javajava整合Flex
- linux文件系统命令
- yii2.0下拉列表的使用
- IDEA教程(转载)
- Linux学习之CentOS(七)---常用基本操命令1
- [git] git怎样fork一个repo
- Lintcode228-Middle of Linked List-Naive
- ElasticSearch(一):CentOS7 安装 ElasticSearch6.4.0
- poj1852 Ants(思维)
- WebService与RESTful WebService
- Hadoop读写流程
- OpenCV——视频操作基础