Metode HTML DOMTokenList toggle()

Definisi dan penggunaan

Metode toggle() menghapus tanda yang diberikan dari daftar dan mengembalikan false. Jika tanda tidak ada, maka ditambahkan dan mengembalikan true.

Contoh

Contoh 1

Mengubah ke/tutup kelas "myStyle":

const list = element.classList;
list.toggle("mywStyle");

Coba sendiri

Contoh 2

Menambahkan kelas "myStyle" ke elemen:

const list = element.classList;
list.add("myStyle");

Coba sendiri

Contoh 3

Menghapus kelas "myStyle" dari elemen:

const list = element.classList;
list.remove("myStyle");

Coba sendiri

Contoh 4

Tambah beberapa kelas ke elemen:

element.classList.add("myStyle", "anotherClass", "thirdClass");

Coba sendiri

Contoh 5

Hapus beberapa kelas dari elemen:

element.classList.remove("myStyle", "anotherClass", "thirdClass");

Coba sendiri

Contoh 6

Ambil jumlah kelas elemen:

let numb = element.classList.length;

Coba sendiri

Contoh 7

Berganti kelas untuk membuat tombol menurun:

document.getElementById("myBtn").onclick = function() {myFunction()};
function myFunction() {
  document.getElementById("myDropdown").classList.toggle("show");
}

Coba sendiri

Sintaks

domtokenlist.toggle(token)

Parameter

Parameter Deskripsi
token Diperlukan. Token yang akan diubah.

Nilai kembalian

Tidak ada.

Dukungan peramban

domtokenlist.toggle() adalah fitur DOM Level 4 (2015).

Diterima semua peramban:

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukung Dukung Dukung Dukung Dukung

Internet Explorer 11 (atau versi yang lebih awal) tidak mendukung domtokenlist.toggle().

Halaman yang berhubungan

Atribut length

Metode item()

Metode add()

Metode remove()

Metode replace()

Metode forEach()

Metode entries()

Metode keys()

Metode values()

Objek DOMTokenList