Cara menemukan kelas aktif di javascript

Question

Untuk memeriksa apakah suatu elemen berisi kelas, Anda menggunakan metode contains() dari properti classList dari elemen tersebut

Table of Contents Show

Bagaimana cara memeriksa apakah suatu kelas adalah JavaScript aktif?
Bagaimana cara mendapatkan elemen dengan kelas aktif di JavaScript?
Bagaimana cara memeriksa apakah suatu elemen adalah JavaScript aktif?
Bagaimana cara memeriksa apakah suatu kelas aktif atau tidak di jQuery?

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)

_1

Misalnya, 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>
Code language: HTML, XML (xml)

_3 dan

<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 berikut

const div = document.querySelector('div');
div.classList.contains('secondary'); // true
Code language: JavaScript (javascript)

_

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)

3

Contoh 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 kelas

const div = document.querySelector('div');
div.classList.contains('secondary'); // true
Code language: JavaScript (javascript)

3

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

Bagaimana cara memeriksa apakah suatu kelas adalah JavaScript aktif?

Berikut cara melakukannya dalam dua langkah sederhana. .

Ambil elemen dari DOM. tombol const = dokumen. querySelector("tombol");

Gunakan elemen. Daftar kelas. berisi metode untuk memeriksa kelas. // mengembalikan 'benar' jika kelasnya ada, dan 'salah' jika tidak. const aktif = tombol. Daftar kelas. berisi ("aktif");

Bagaimana cara mendapatkan elemen dengan kelas aktif di JavaScript?

Untuk menambahkan class aktif, kita dapat menggunakan “getElementById()” atau “querySelector()” dengan classList. metode add() . Kedua metode yang disebutkan mendapatkan elemen dengan id mereka terlebih dahulu, kemudian menggunakan classList. add(), nama kelas baru yang ditetapkan ke elemen yang dapat digunakan untuk tujuan penataan.

Bagaimana cara memeriksa apakah suatu elemen adalah JavaScript aktif?

Untuk mendeteksi apakah elemen memiliki fokus dalam JavaScript, Anda dapat menggunakan properti read-only activeElement dari objek dokumen . elemen const = dokumen. elemen aktif; .