HTML DOMTokenList toggle() metod

Definition och användning

toggle() metoden tar bort den angivna markören från listan och returnerar false. Om markören inte finns, läggs den till och returneras true.

Exempel

Exempel 1

Växla öppen/stängd för "myStyle":

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

Prova själv

Exempel 2

Lägg till klassen "myStyle" till elementet:

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

Prova själv

Exempel 3

Ta bort klassen "myStyle" från elementet:

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

Prova själv

Exempel 4

Lägg till flera klasser till ett element:

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

Prova själv

Exempel 5

Ta bort flera klasser från ett element:

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

Prova själv

Exempel 6

Hämta antalet klasser för ett element:

let numb = element.classList.length;

Prova själv

Exempel 7

Växla mellan klasser för att skapa en rullgardinsknapp:

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

Prova själv

Syntax

domtokenlist.toggle(token)

Parameter

Parameter Beskrivning
token Obligatoriskt. Markören som ska växlas.

Returvärde

Ingen.

Webbläsarstöd

domtokenlist.toggle() är en egenskap i DOM Level 4 (2015).

Det stöds av alla webbläsare:

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stödjer Stödjer Stödjer Stödjer Stödjer

Internet Explorer 11 (eller tidigare versioner) stöder inte domtokenlist.toggle().

Relaterade sidor

length egenskap

item() metoden

add() metoden

remove() metoden

replace() metoden

forEach() metoden

entries() metoden

keys() metoden

values() metoden

DOMTokenList-objekt