18

私は使用しています

event.target.className

を取得しますがClassName、要素に複数のクラス名がある場合があります。どうすれば作成できますか?結果として最初のクラスのみが表示されますか?

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

4

2 に答える 2

37

要素の最初のクラスを取得するにはさまざまな方法があります

最初の方法: className プロパティを使用する

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

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

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

方法 2 : classList プロパティを使用する

クラスのDOMTokenListオブジェクトを返す DOM 要素の classList プロパティを使用する(既にスペースで分割されている)

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

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

classList と className のパフォーマンスをチェック

于 2012-07-23T05:30:22.297 に答える