HTML DOMTokenList toggle() metode

Definition og brug

toggle() metoden fjerner den givne markør fra listen og returnerer false. Hvis markøren ikke findes, tilføjes den og returneres true.

Eksempel

Eksempel 1

Skift "myStyle"'s tilstand på/af:

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

Prøv det selv

Eksempel 2

Tilføj "myStyle"-klassen til elementet:

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

Prøv det selv

Eksempel 3

Fjern "myStyle"-klassen fra elementet:

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

Prøv det selv

Eksempel 4

Tilføj flere klasser til et element:

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

Prøv det selv

Eksempel 5

Fjern flere klasser fra et element:

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

Prøv det selv

Eksempel 6

Få antallet af klasser på elementet:

let numb = element.classList.length;

Prøv det selv

Eksempel 7

Skift mellem klasser for at oprette en dropdown-knap:

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

Prøv det selv

Syntaks

domtokenlist.toggle(token)

Parameter

Parameter Beskrivelse
token Obligatorisk. Markøren, der skal ændres.

Returværdi

Ingen.

Browserv understøttelse

domtokenlist.toggle() er en DOM Level 4 (2015) funktion.

Det får støtte fra alle browsere:

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Understøtter Understøtter Understøtter Understøtter Understøtter

Internet Explorer 11 (eller tidligere versioner) understøtter ikke domtokenlist.toggle().

Relaterede sider

length egenskab

item() metoden

add() metoden

remove() metoden

replace() metoden

forEach() metoden

entries() metoden

keys() metoden

values() metoden

DOMTokenList-objektet