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

作者:像素漫游时间:2026-10-23 23:26:32浏览:277

本文提供了一段 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|$)');
作者最新文章