HTML DOMTokenList toggle() 方法

定义和用法

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

实例

例子 1

切换 "myStyle" 的开闭：

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

Subukan nang sarili

例子 2

将 "myStyle" 类添加到元素：

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

Subukan nang sarili

例子 3

从元素中删除 "myStyle" 类：

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

Subukan nang sarili

Halimbawa 4

Magdagdag ng ilang klase sa elemento:

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

Subukan nang sarili

Halimbawa 5

Alisin ang ilang klase mula sa elemento:

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

Subukan nang sarili

Halimbawa 6

Kumuha ng bilang ng mga klase ng elemento:

let numb = element.classList.length;

Subukan nang sarili

Halimbawa 7

Palitain ang mga klase upang gumawa ng pindutan na pindahang pahina:

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

Subukan nang sarili

Pagsusulit

domtokenlist.toggle(token)

Parametro

Parametro Paglalarawan
token Mga kinakailangan. Ang marka na dapat ilipat.

Halimbawa ng Bunga

Wala.

Suporta ng Browser

domtokenlist.toggle() ay isang katangian ng DOM Level 4 (2015).

Ito ay sumusuporta ng lahat ng mga browser:

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Sumusuporta Sumusuporta Sumusuporta Sumusuporta Sumusuporta

Ang Internet Explorer 11 (o mas maaga na bersyon) ay hindi sumusuporta sa domtokenlist.toggle().

Relatibong Pahina

Atribute ng length

Metodo ng item()

Metodo ng add()

Metodo ng remove()

Metodo ng replace()

Metodo ng forEach()

Metodo ng entries()

Metodo ng keys()

Metodo ng values()

Objeto ng DOMTokenList