HTML DOMTokenList toggle()-metodi

Määrittely ja käyttö

toggle()-metodi poistaa annetun merkinnän listasta ja palauttaa false. Jos merkintää ei ole olemassa, se lisätään ja palauttaa true.

Esimerkki

Esimerkki 1

Vaihda "myStyle"-tyylin tilaa:

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

Kokeile itse

Esimerkki 2

Lisää "myStyle"-tyyli elementtiin:

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

Kokeile itse

Esimerkki 3

Poista "myStyle"-tyyli elementistä:

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

Kokeile itse

Esimerkki 4

Lisää useita luokkia elementtiin:

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

Kokeile itse

Esimerkki 5

Poista useita luokkia elementistä:

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

Kokeile itse

Esimerkki 6

Hanki elementin luokkien määrä:

let numb = element.classList.length;

Kokeile itse

Esimerkki 7

Vaihda luokkien välillä luodaksesi pudotusvalikon painikkeen:

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

Kokeile itse

Syntaksi

domtokenlist.toggle(merkki)

Parametrit

Parametrit Kuvaus
merkki Välttämätön. Vaihdettava merkki.

Palautusarvo

Ei mitään.

Selaimen tuki

domtokenlist.toggle() on DOM Level 4 (2015) -ominaisuus.

Se saa kaikkien selaimien tuen:

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki

Internet Explorer 11 (tai aikaisempi versio) ei tue domtokenlist.toggle().

Liittyvät sivut

length -ominaisuus

item() -menetelmä

add() -menetelmä

remove() -menetelmä

replace() -menetelmä

forEach() -menetelmä

entries() -menetelmä

keys() -menetelmä

values() -menetelmä

DOMTokenList-objekti