JavaScript 实现 className 的检测、添加与移除功能

作者:像素漫游

时间:2026-10-23

浏览:276

本文提供了一段 JavaScript 代码,用于实现对 DOM 元素 className 的检测、添加和移除功能。通过正则表达式匹配,确保类名操作的准确性,避免重复添加或错误移除。代码包含 hasClass、addClass 和 removeClass 三个核心函数,适用于前端开发中动态样式管理的场景。

文章目录
element.className = element.className.replace(reg,' ');

JavaScript 实现 className 的检测、添加与移除功能

代码如下:

 
<script type="text/javascript">
// 说明:添加、移除、检测 className
function hasClass(element, className) {
var reg = new RegExp('(\\s|^)'+className+'(\\s|$)');
return element.className.match(reg);
} 
}
function addClass(element, className) {
{ 
if (!this.hasClass(element, className))
} 
} 
element.className += " "+className;
}
function removeClass(element, className) {
if (hasClass(element, className)) {
} 
} 
var reg = new RegExp('(\\s|^)'+className+'(\\s|$)');

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章