原生 JavaScript 判断 DOM 是否包含某个 class

发表于 2017-03-23 更新于 2023-10-24 分类于 JavaScript 阅读次数：本文字数： 96 阅读时长 ≈ 1 分钟

使用 `classlist`

if (document.body.classList.contains('thatClass')) {
    // do some stuff
}
Other uses of classList:

document.body.classList.add('thisClass');
// $('body').addClass('thisClass');

document.body.classList.remove('thatClass');
// $('body').removeClass('thatClass');

document.body.classList.toggle('anotherClass');
// $('body').toggleClass('anotherClass');

简单封装一下

function hasClass(el, cn){
    var classes = el.classList;
    for(var j = 0; j < classes.length; j++){
        if(classes[j] == cn){
            return true;
        }
    }
}

支持IE8

function hasClass(el, cls) {
    var regexp = new RegExp('(\\s|^)' + cls + '(\\s|$)'),
        target = (typeof el.className === 'undefined') ? window.event.srcElement : el;
    return target.className.match(regexp);
}

浏览器支持

Chrome 8.0
Firefox 3.6
IE 10
Opera 11.50
Safari 5.1

0%