如何判断一个HTML元素在JavaScript中是否有特定的类？

Question

有没有简单的方法来判断一个HTML元素是否具有特定的类？例如：

var element = document.getElementById('something'); 
if (element.class == 'car') 

当然一个元素可以有多个类，所以也许if声明必须是以下形式的？

if (element.class.includes('car')) 

Answer 1

var element = document.getElementById("myid"); 
if (element.classList.contains("myclass")) { /* do stuff */ } 

了解更多关于元素＃班级列表在这里：https://developer.mozilla.org/en-US/docs/DOM/element.classList

此链接还包含对旧版浏览器一个填充工具。

Answer 2

如果使用jQuery的是你可以使用hasClass()看到http://api.jquery.com/hasClass/

如果没有，你可以在纯JS实现看看选项 - Test if an element contains a class?

Answer 3

对于陌生的原因包含的成员的名称类别是className，而不是class。多个类名由空格分隔。

Answer 4

您需要使用：

class = document.getElementById("{id_of_element").getAttribute("class"); 

然后

String[] vals = class.split(" "); 
var match = false; 
for (i = 0; i < vals.length;i++) { 
    if (vals[i].equalsIgnoreCase('car') { 
    match = true; 
    break; 
    } 
} 

if (match) { 
    //do something 
} 

HTH。