HTML DOMTokenList add() Metohod

Paglilinaw at paggamit

add() Ang paraan ay magdagdag ng isang (o ilang) marka (token) sa DOMTokenList.

Eksemplo

Halimbawa 1

Magdagdag ng klase "myStyle" sa elemento:

Hinahanap ang bilang ng klase ng marka ng elemento:
list.add("myStyle");

}

Halimbawa 2

Tanggalin ang klase "myStyle" mula sa elemento:

Hinahanap ang bilang ng klase ng marka ng elemento:
list.remove("myStyle");

}

Halimbawa 3

I-switch ang blik ng "myStyle":

Hinahanap ang bilang ng klase ng marka ng elemento:
list.toggle("myStyle");

}

Halimbawa 4

Magdagdag ng ilang klase sa elemento:

Hinahanap ang bilang ng klase ng marka ng elemento:
list.add("myStyle", "anotherClass", "thirdClass");

}

例子 5

Halimbawa 5

Hinahanap ang bilang ng klase ng marka ng elemento:
const list = element.classList;

}

let numb = list.length;

Halimbawa 7

Halimbawa 6

}

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

Halimbawa 7

Hinahanap ang klase ng marka ng elemento na "myDIV":

}

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

Halimbawa 8

Mayroon ba ang elemento ng "myStyle" na klase ng marka?

}

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

Halimbawa 9

Kung ang elemento ay may "myStyle" na klase ng marka, alisin ang "anotherClass".
  if (element.classList.contains("mystyle")) {
element.classList.remove("anotherClass");

}

Subukan Ngayon

Mga Taktikadomtokenlisttoken.add(

)

) Paglalarawan
token Mandahil. Ang marka na dapat idagdag sa listahan.

Halimbawa ng Bunga

Wala.

Suporta ng Browser

domtokenlist.add() Ito ay DOM Level 4 (2015) na katangian.

Ito ay pinagkakaloob ng suporta ng lahat ng mga browser:

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

Internet Explorer 11 (at mas maaga na bersyon) ay hindi sumusuporta domtokenlist.add().

Mga Relatibong Pahina

Atribute na length

Mga Taktika na item()

Mga Taktika na remove()

Mga Taktika na toggle()

Mga Taktika na replace()

Mga Taktika na forEach()

Mga Taktika na entries()

Mga Taktika na keys()

Mga Taktika na values()

Object na DOMTokenList