Artikel ini akan menunjukkan fungsi 'hasClass' dengan JavaScript biasa.
Bagaimana untuk Melaksanakan Fungsi Fungsi 'hasClass' Dengan JavaScript Biasa?
“ hasClass fungsi ' milik JavaScript ' jQuery ” perpustakaan. Jika anda ingin menggunakan JavaScript biasa dan mengenal pasti sama ada kelas yang ditentukan adalah sebahagian daripada elemen tertentu, maka anda perlu menggunakan ' mengandungi() ” kaedah objek classList. Ini berfungsi sama seperti fungsi hasClass.
Sintaks
Untuk mendapatkan fungsi ' hasClass ” dalam JavaScript, gunakan sintaks yang diberikan di bawah:
unsur. Senarai kelas . mengandungi ( 'Nama kelas' )
Di sini, ' Nama kelas ” ialah nama kelas CSS yang akan dicari dalam elemen tertentu.
Manakala sintaks kaedah hasClass() dalam jQuery ialah:
$ ( pemilih ) . hasClass ( nama kelas )Contoh
Buat ' div 'elemen, tetapkan kelas CSS' flex-item1 ” untuk menggayakan div, dan menambah imej logo tapak web menggunakan “ src ” atribut tag di dalam elemen div:
< id div = 'logoDiv' kelas = 'flex-item1' >
< img src = 'https://linuxhint.com/wp-content/uploads/2019/11/Logo-final.png' segala-galanya = '' />
div >
Buat kelas CSS “ flex-item1 ” untuk menggayakan div:
.flex-item1 {warna latar belakang : hitam ;
lebar maksimum : 7em ;
paparan : lentur ;
align-item : pusat ;
padding : 0 15px ;
}
Dalam fail JavaScript, atau teg