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|$)');作者最新文章
D3.js 处理大规模数据点的性能优化策略
2026-11-05 15:37:25
JS实现网页摄像头实时扫码:结合getUserMedia与jsQR教程
2026-11-05 15:27:28
D3.js v5 迁移到 v7 的 API 变更与注意事项
2026-11-05 11:57:17
使用 animate.js 实现多元素协同的序列动画
2026-11-04 22:27:53
JS拖拽排序时怎么添加平滑动画效果?FLIP技术实战
2026-11-04 10:12:22
