JavaScriptからクラス名を取得するには？

Question

クラシックHTMLの要素名を使用してJavaScriptを使用してクラス名を取得するにはどうすればよいですか。

同様：

<input name="xxx" class="CheckBox" onchange="CheckOnChange()" 
     type="CHECKBOX" checked="" value="Y"> 

私は、「チェックボックス」クラス名を持つフィールドをチェックしたいです。

どうすればこの問題を解決できますか？私を助けてください。

Answer 1

私は必要な出力を得るために、私の質問を逆転させました。

 var elementName = ""; 
     var dd = document.getElementsByClassName("CheckBox"); 
     for (i = 0; i <= dd.length - 1; i++) { 
      if (elementName == "") 
      { elementName = dd[i].name; } 
      else 
      { 
       elementName = elementName + "," + dd[i].name; 
      } 
     } 

Answer 2

多くのソリューションがあります。まずアクセスするための要素のクラス名は、あなたがこのコードを使用：あなたはクラス名は、要素のリスト内に存在するかどうかをテストしたい場合は

element.className 

次に、あなたはのindexOfでそれをテストすることができますが、偽陽性を持つことができます。クラス"foo"は、次のelement.classNameに存在しない："foobar foobuzz"

最良の方法は、正規表現を使用することです：

checkIfElementHasClassName(element, className) { 
    return (new RegExp('^|\\s' + className + '\\s|$')).test(element.className); 
}