私はクラス名を取得するために event.target.className を使用していますが、時には要素は、複数のクラス名を持って、どのように私はそれを作ることができ、 HTML要素

Question

の唯一の最初のクラスを返しますので、のみいますファーストクラス名前は成果ですか？

ああ、jQueryを使わないでください。

Answer 1

は、要素の最初のクラスを取得するための様々な方法があります

方法最初：クラス名を分割しますスプリット機能を持つDOM要素のclassNameプロパティを使用してclassNameプロパティ

を使用してスペースで区切り、配列を返します。

event.target.className.split(" ")[0]; //0 to retrieve first class 

classNameプロパティは、すべての主要なブラウザでサポートされています。

前記第2：（既にスペースで分割）クラスのDOMTokenListオブジェクトを返すDOM要素

event.target.classList[0]; //0 to retrieve first class 

CLASSLISTプロパティのCLASSLISTプロパティを使用CLASSLIST性

を使用比較的新しく比較的速い。 IE8およびIE9ではサポートされていません。 Support in various browsers

Check performance of classList vs className