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 をご覧ください。

このリンクには、古いブラウザー用のポリフィルも含まれています。

Answer 2

以下を使用する必要があります。

 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。

Answer 3

奇妙な理由で、クラスを含むメンバーの名前は であり、 ではclassNameありませんclass。複数のクラス名はスペースで区切ります。