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

前端之家收集整理的这篇文章主要介绍了如果一个DOM元素包含一个类,我该如何检查JavaScript?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如果一个DOM元素包含一个类,我该如何检查 JavaScript

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

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

解决方法

获取类的全部值,请使用.className

From MDC:

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

自2013年以来,您将获得额外的帮助.

许多年前,当这个问题得到第一回答时,.className是纯JavaScript中唯一真正的解决方案.自2013年起,all browsers support .classList接口.

JavaScript的:

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

你也可以使用classList来做有趣的事情,比如.toggle(),.add()和.remove().

MDN documentation.

向后兼容代码

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

猜你在找的HTML相关文章