HTML DOMTokenList add() -menetelmä

Määritelmä ja käyttö

add() Metodi lisää yhden (tai useamman) merkkijonon (token) DOMTokenListiin.

Esimerkki

Esimerkki 1

Lisää "myStyle"-luokka elementille:

Hanki elementin klasseja:
list.add("myStyle");

}

Esimerkki 2

Poista "myStyle"-luokka elementistä:

Hanki elementin klasseja:
list.remove("myStyle");

}

Esimerkki 3

Vaihda "myStyle"-luokan tilaa:

Hanki elementin klasseja:
list.toggle("myStyle");

}

Esimerkki 4

Lisää useita luokkia elementille:

Hanki elementin klasseja:
list.add("myStyle", "anotherClass", "thirdClass");

}

例子 5

Esimerkki 5

Hanki elementin klasseja:
const list = element.classList;

}

let numb = list.length;

Esimerkki 7

Esimerkki 6

}

const list = document.getElementById("myDIV").classList;

Esimerkki 7

Hanki "myDIV"-elementin klasseja:

}

let className = element.classList.item(0);

Esimerkki 8

Onko elementillä "myStyle"-klasseja?

}

let x = element.classList.contains("myStyle");

Esimerkki 9

Jos elementti omaa "myStyle"-klasseja, poista "anotherClass".
  if (element.classList.contains("mystyle")) {
element.classList.remove("anotherClass");

}

Kokeile itse

Syntaksidomtokenlisttoken.add(

)

) Kuvaus
token Välttämätön. Merkki, joka lisätään luetteloon.

Palautusarvo

Ei.

Selaimen tuki

domtokenlist.add() Se 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 (ja aikaisemmat versiot) ei tue domtokenlist.add().

Liittyvät sivut

length -ominaisuus

item() -menetelmä

remove() -menetelmä

toggle() -menetelmä

replace() -menetelmä

forEach() -menetelmä

entries() -menetelmä

keys() -menetelmä

values() -menetelmä

DOMTokenList-objekti