Cara menggunakan CLESSES di JavaScript

Pada kesempatan kali ini saya akan menjelaskan cara menggunakan properti classList JavaScript. Perlu Anda ketahui sebelumnya, classList adalah salah satu properti JavaScript yang berfungsi untuk mengembalikan nama class sebagai objek DOM. Selain itu, properti berguna untuk menambah, menghapus, dan mengaktifkan kelas atribut pada suatu elemen

Table of Contents Show

Apa itu kelas dalam Javascript?
Apa tujuan menggunakan Kelas dalam Javascript?
Bagaimana cara memanggil fungsi dalam Javascript?
Apa itu objek dalam Javascript?

Seperti pada contoh struktur kode html yang saya berikan di bawah ini

<. DOCTYPE html>

<judul>Cara Menggunakan Metode classList JavaScript</judul>

< / kepala>

. aktif{

latar belakang. merah;

}

<tubuh>

<div id = "kotak">Bagaimana Menggunakan Properti classListJavaScript< / div>

< / tubuh>

< / html>

Seperti pada contoh struktur kode html diatas, dimana saya ingin menambahkan atribut active class pada elemen yang memiliki atribut box id. Dan Anda dapat menulis kode JavaScript seperti di bawah ini

fungsi fungsi saya() {

dokumen. getElementById("kotak"). DaftarKelas. tambahkan("aktif");

}

Sehingga struktur kode pada file html akan menjadi seperti di bawah ini

<. DOCTYPE html>

<judul>Cara Menggunakan Metode classList JavaScript</judul>

< / kepala>

. aktif{

latar belakang. merah;

}

<tubuh>

<div id = "kotak">Bagaimana Menggunakan Properti classListJavaScript< / div>

< / tubuh>

fungsi fungsi saya() {

dokumen. getElementById("kotak"). DaftarKelas. tambahkan("aktif");

}

< / html>

Sekian dulu penjelasan saya tentang cara menggunakan properti classList JavaScript, semoga bermanfaat

Apa itu kelas dalam Javascript?

Dalam paradigma Pemrograman Berorientasi Objek (OOP), class adalah cetak biru yang dapat dikembangkan untuk membuat objek. Cetak biru ini adalah template yang menjelaskan apa perilaku objek (dalam bentuk properti atau metode).

Apa tujuan menggunakan Kelas dalam Javascript?

Class digunakan untuk membuat objek. Contoh di atas menunjukkan bahwa kelas mobil digunakan untuk membuat dua objek mobil. Gunakan kata kunci new untuk membuat objek dari class .

Bagaimana cara memanggil fungsi dalam Javascript?

Cara Memanggil /Eksekusi Fungsi . nama fungsi(); . // buat konsol memanggil fungsi di dalam kode Javascript dengan menuliskan nama fungsinya seperti ini: namaFungsi(); Contoh: // membuat fungsi function sayHello(){. log("Halo Dunia. "); } // memanggil fungsi sayHello() // lalu akan menghasilkan -> Hello World.