下面是一个不区分大小写的简单解决方案:

function hasClass(element, classNameToTestFor) {
    var classNames = element.className.split(' ');
    for (var i = 0; i < classNames.length; i++) {
        if (classNames[i].toLowerCase() == classNameToTestFor.toLowerCase()) {
            return true;
        }
    }
    return false;
}

Element.matches ()

元素匹配(selectorString)。

根据MDN Web Docs:

如果元素将被指定的选择器字符串选中，则element .matches()方法返回true;否则，返回false。

因此，您可以使用element .matches()来确定元素是否包含类。

const element = document.querySelector('#example'); console.log (element.matches (' . foo '));/ /正确的 <div id="example" class="foo bar"></div>

查看浏览器兼容性

这个问题可以通过element.classList.contains()得到很好的回答，但人们的回答过于夸张，并提出了一些大胆的要求，因此我运行了一个基准测试。

记住，每个测试都要进行1000次迭代，所以大多数测试仍然非常快。除非在特定操作中广泛依赖于此，否则不会看到性能差异。

我用各种方法做了一些测试。在我的机器上，(Win 10, 24gb, i7-8700)， classList。Contains表现非常好。className也是。Split(' ')，实际上是相同的。

胜出者是classList.contains()。如果你没有检查classList是否未定义，~(' ' + v.className + ' ')。indexOf(' ' + classToFind + ' ')爬行5-15%

className只是一个字符串，所以您可以使用常规的indexOf函数来查看类列表是否包含另一个字符串。

我为我的网站创建了这些函数，我只使用香草javascript，也许它会帮助到一些人。 首先，我创建了一个函数来获取任何HTML元素:

//return an HTML element by ID, class or tag name
    var getElement = function(selector) {
        var elements = [];
        if(selector[0] == '#') {
            elements.push(document.getElementById(selector.substring(1, selector.length)));
        } else if(selector[0] == '.') {
            elements = document.getElementsByClassName(selector.substring(1, selector.length));
        } else {
            elements = document.getElementsByTagName(selector);
        }
        return elements;
    }

然后是接收要移除的类的函数和元素的选择器:

var hasClass = function(selector, _class) {
        var elements = getElement(selector);
        var contains = false;
        for (let index = 0; index < elements.length; index++) {
            const curElement = elements[index];
            if(curElement.classList.contains(_class)) {
                contains = true;
                break;
            }
        }
        return contains;
    }

现在你可以这样使用它:

hasClass('body', 'gray')
hasClass('#like', 'green')
hasClass('.button', 'active')

希望能有所帮助。

正如公认的答案所示，元素。className返回一个字符串，所以你可以通过使用indexOf()方法轻松检查类是否存在:

element.className.indexOf('animated') > -1

如果你对indexOf和classList之间的性能差异感兴趣。contains，使用indexOf似乎稍微快一些。我做了一个快速的基准性能测试来验证这一点。以下是我的发现:indexOf vs ClassList.contains。