Artikel ini akan mendemonstrasikan fungsi “hasClass” dengan JavaScript biasa.
Bagaimana Cara Melakukan Fungsi Fungsi 'hasClass' Dengan JavaScript Biasa?
“ hasClass ” fungsi milik JavaScript “ jQuery ' perpustakaan. Jika Anda ingin menggunakan JavaScript biasa dan mengidentifikasi apakah kelas yang ditentukan adalah bagian dari elemen tertentu, maka Anda harus menggunakan ' mengandung() ” metode objek classList. Ini berfungsi sama dengan fungsi hasClass.
Sintaksis
Untuk mendapatkan fungsi “ hasClass ” dalam JavaScript, gunakan sintaks yang diberikan di bawah ini:
elemen. Daftar kelas . mengandung ( 'nama kelas' )
Di Sini, ' nama kelas ” adalah nama kelas CSS yang akan dicari dalam elemen tertentu.
Sedangkan sintaks metode hasClass() pada jQuery adalah:
$ ( pemilih ) . hasClass ( nama kelas )Contoh
Membuat ' div ” elemen, tetapkan kelas CSS “ item-fleksibel1 ” untuk menata div, dan menambahkan gambar logo situs web menggunakan “ src ” dari tag di dalam elemen div:
< id div = 'logoDiv' kelas = 'flex-item1' >
< img src = 'https://linuxhint.com/wp-content/uploads/2019/11/Logo-final.png' semuanya = '' />
div >
Buat kelas CSS “ item-fleksibel1 ” untuk menata div:
.flex-item1 {warna latar belakang : hitam ;
max-width : 7em ;
menampilkan : melenturkan ;
menyelaraskan-item : tengah ;
lapisan : 0 15px ;
}
Dalam file JavaScript, atau tag