本文提供了一段 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|$)');