如果一个DOM元素包含一个类，我该如何检查JavaScript？ [英] How can I check in JavaScript if a DOM element contains a class?

问题描述

如果一个DOM元素包含一个类，我该如何检查JavaScript？

How can I check in JavaScript if a DOM element contains a class?

我尝试了以下代码，但由于某些原因它不起作用

I tried the following code, but for some reason it doesn't work...

if (document.getElementById('element').class == "class_one") {
    //code...
}

推荐答案

整个值的贡献，使用 .className

从MDC：

className获取和设置

className gets and sets the value of the class attribute of the specified element.

自2013年以来，您将获得额外的帮助。

多年前，当这个问题第一次回答时， .className 是纯JavaScript中唯一的真正的解决方案。自2013年以来，所有浏览器都支持 .classList 界面。

Since 2013, you get an extra helping hand.

Many years ago, when this question was first answered, .className was the only real solution in pure JavaScript. Since 2013, all browsers support .classList interface.

JavaScript：

JavaScript:

if(document.getElementById('element').classList.contains("class_one")) {
    //code...
}

您还可以使用 classList ，如 .toggle（）， .add（）和 .remove（）。

You can also do fun things with classList, like .toggle(), .add() and .remove().

一个href =https://developer.mozilla.org/en-US/docs/Web/API/Element.classList =noreferrer> MDN文档。

MDN documentation.

向后兼容的代码：

if(document.getElementById('element').className.split(" ").indexOf("class_one") >= 0) {
    //code...
}

这篇关于如果一个DOM元素包含一个类，我该如何检查JavaScript？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！