web-dev-qa-db-ja.com

HTML要素のファーストクラスのみを取得する

ClassNameを取得するためにevent.target.classNameを使用していますが、要素に複数のクラス名が含まれている場合があります。どのようにしたら作成できるのですかonlyfirst class =結果としての名前？

ああ、jQueryなしでお願いします。

javascripthtmlclassjavascript-eventsclassname
15
user1544892

要素のファーストクラスを取得するにはさまざまな方法があります

最初のメソッド：classNameプロパティの使用

ClassNameをスペースで分割して配列を返すsplit関数でDOM要素のclassNameプロパティを使用します。

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

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

Method second：classListプロパティの使用

DOMTokenList クラスのオブジェクトを返すDOM要素のclassListプロパティを使用（既にスペースで分割）

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

ClassListプロパティは比較的新しく、比較的高速です。これはIE8およびIE9ではサポートされていません。 さまざまなブラウザでのサポート

classListとclassNameのパフォーマンスを確認

30
bugwheels94