Js实现检测、添加、移除样式（className）

操作元素类名的方法

最新推荐文章于 2024-06-29 11:51:30 发布

原创最新推荐文章于 2024-06-29 11:51:30 发布 · 757 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#element #ViewUI

Javascript 专栏收录该内容

29 篇文章

订阅专栏

本文介绍了一种在JavaScript中操作DOM元素类名的方法，包括添加、移除和检测类名的功能实现。通过简单的正则表达式匹配，这些函数能够高效地处理元素的类名属性。


// 说明：添加、移除、检测 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|$)'); 
        element.className = element.className.replace(reg,' '); 
    } 
}