HTML DOMTokenList toggle() 方法

定义和用法

toggle() 方法从列表中删除给定的标记并返回 false。如果标记不存在，则添加并返回 true。

实例

例子 1

切换 "myStyle" 的开闭：

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

Coba Sendiri

例子 2

将 "myStyle" 类添加到元素：

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

Coba Sendiri

例子 3

从元素中删除 "myStyle" 类：

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

Dapatkan jumlah kelas elemen:

let numb = element.classList.length;

Coba Sendiri

Contoh 7

Beralih antara kelas untuk membuat tombol turun:

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 untuk diganti.

Hasil Balik

Tiada.

Dukungan Peramban

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

Dapat didukung semua peramban:

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan

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

Halaman yang Berkaitan

Atribut length

Metode item()

Metode add()

Metode remove()

Metode replace()

Metode forEach()

Metode entries()

Metode keys()

Metode values()

Objek DOMTokenList