この記事では、プレーンな JavaScript を使用した「hasClass」関数のデモを行います。
プレーンな JavaScript で「hasClass」関数の機能を実行する方法は?
「 hasClass ” 関数は JavaScript に属します “ jQuery ' 図書館。プレーンな JavaScript を使用して、指定されたクラスが特定の要素の一部であるかどうかを識別したい場合は、「 含む() 」 classList オブジェクトのメソッド。これは hasClass 関数と同じように機能します。
構文
「」の機能を得るには hasClass 」 JavaScript では、以下の構文を使用します。
エレメント。 クラスリスト . 含む ( 'クラス名' )
ここに、 ' クラス名 」は、特定の要素で検索される CSS クラスの名前です。
jQuery の hasClass() メソッドの構文は次のとおりです。
$ ( セレクタ ) . hasClass ( クラス名 )例
「 分周 ”要素、CSSクラスを割り当てる” フレックスアイテム1 」を使用して div のスタイルを設定し、「 ソース div 要素内の タグの ” 属性:
< 部門ID = 「ロゴディビジョン」 クラス = 「フレックスアイテム1」 >
< 画像ソース = 'https://linuxhint.com/wp-content/uploads/2019/11/Logo-final.png' すべての = '' />
分周 >
CSS クラスを作成する」 フレックスアイテム1 」 div のスタイルを設定するには:
.flex-item1 {背景色 : ブラック ;
最大幅 : 7em ;
画面 : フレックス ;
整列アイテム : 中心 ;
パディング : 0 15px ;
}
JavaScript ファイル、または