javascript - 如何判断一个 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 */ }

在此处阅读有关 element#classList 的更多信息：https ://developer.mozilla.org/en-US/docs/DOM/element.classList

此链接还包含旧浏览器的 polyfill。

Answer 2

如果使用 jQuery 是一个选项，您可以使用hasClass()查看http://api.jquery.com/hasClass/

如果没有，您可以查看纯 JS 实现 -测试元素是否包含类？

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。