Untuk memeriksa apakah suatu elemen berisi kelas, Anda menggunakan metode contains() dari properti classList dari elemen tersebut
element.classList.contains(className);
Code language: CSS (css)Dalam metode ini, Anda meneruskan className_ ke metode contains() dari properti classList dari elemen. Jika elemen berisi className, metode mengembalikan
<div class="secondary info">Item</div>
Code language: HTML, XML (xml)0. Jika tidak, ia mengembalikan<div class="secondary info">Item</div>
Code language: HTML, XML (xml)_1Misalnya, Anda memiliki elemen
<div class="secondary info">Item</div>
Code language: HTML, XML (xml)2 berikut dengan dua kelas.<div class="secondary info">Item</div>
<div class="secondary info">Item</div>
Code language: HTML, XML (xml)4<div class="secondary info">Item</div>
Code language: HTML, XML (xml)_Untuk memeriksa apakah elemen
<div class="secondary info">Item</div>
Code language: HTML, XML (xml)_2 berisi kelas<div class="secondary info">Item</div>
Code language: HTML, XML (xml)3, Anda menggunakan kode berikutconst div = document.querySelector('div'); div.classList.contains('secondary'); // true
Dalam contoh ini, kami menggunakan metode
<div class="secondary info">Item</div>
Code language: HTML, XML (xml)_7 untuk memilih<div class="secondary info">Item</div>
Code language: HTML, XML (xml)8 dan menggunakan metode contains() untuk memeriksa apakah daftar kelasnya berisi kelas<div class="secondary info">Item</div>
Code language: HTML, XML (xml)3Contoh berikut mengembalikan
<div class="secondary info">Item</div>
Code language: HTML, XML (xml)1 karena elemen<div class="secondary info">Item</div>
Code language: HTML, XML (xml)2 tidak memiliki kelasconst div = document.querySelector('div'); div.classList.contains('secondary'); // true
Elemen mungkin memiliki lebih dari satu kelas yang ditugaskan padanya. Dalam HTML, ini diwakili dengan memisahkan nama kelas dengan spasi
1
<div id="mydiv" class="foo bar"></div>
Metode .hasClass() akan mengembalikan true jika kelas ditugaskan ke suatu elemen, bahkan jika kelas lain juga. Misalnya, mengingat HTML di atas, berikut ini akan mengembalikan true