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 */ }

在元素＃classList上阅读更多内容：https://developer.mozilla.org/en-US/docs/DOM/element.classList

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

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。

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

4 个答案: