js给元素添加样式[addClass][hasClass]

Posted ladybug7

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js给元素添加样式[addClass][hasClass]相关的知识,希望对你有一定的参考价值。

function addClass(el, className) {
    if (hasClass(el, className)) {
        return
    }
    let newClass = el.className.split(‘ ‘)
    newClass.push(className)
    el.className = newClass.join(‘ ‘)
}

function hasClass(el, className) {
    let reg = new RegExp(‘(^|\s)‘ + className + ‘(\s|$)‘)
    return reg.test(el.className)
}

 

以上是关于js给元素添加样式[addClass][hasClass]的主要内容,如果未能解决你的问题,请参考以下文章

原生JS实现addClass,removeClass,toggleClass

.addClass(),.removeClass(),.toggleClass()的区别

Angular 6 如何在指令中添加多种样式?样式元素未与指令 (addClass) 连接

js怎么删除css的行内样式

css动态添加父元素

jQuery的属性与样式之增加样式.addClass(),删除样式.removeClass()