Metoda add() klasy HTML DOMTokenList

Definicja i użycie

add() Metoda dodaje jeden (lub kilka) znaczników (token) do DOMTokenList.

Przykład

Przykład 1

Dodaj klasę "myStyle" do elementu:

Pobierz liczbę znaczników klasy elementu:
list.add("myStyle");

}

Przykład 2

Usuń klasę "myStyle" z elementu:

Pobierz liczbę znaczników klasy elementu:
list.remove("myStyle");

}

Przykład 3

Przełącz stan "myStyle":

Pobierz liczbę znaczników klasy elementu:
list.toggle("myStyle");

}

Przykład 4

Dodaj wiele klas do elementu:

Pobierz liczbę znaczników klasy elementu:
list.add("myStyle", "anotherClass", "thirdClass");

}

例子 5

Przykład 5

Pobierz liczbę znaczników klasy elementu:
const list = element.classList;

}

let numb = list.length;

Przykład 7

Przykład 6

}

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

Przykład 7

Pobierz znacznik klasy elementu "myDIV":

}

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

Przykład 8

Czy element ma znacznik klasy "myStyle"?

}

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

Przykład 9

Jeśli element ma znacznik klasy "myStyle", usuń "anotherClass".
  if (element.classList.contains("mystyle")) {
element.classList.remove("anotherClass");

}

Spróbuj sam

Gramatykadomtokenlisttoken.add(

)

) Opis
token Wymagane. Znacznik do dodania do listy.

Zwrócona wartość

Brak.

Obsługa przeglądarek

domtokenlist.add() To jest cecha DOM Level 4 (2015).

Obsługiwane przez wszystkie przeglądarki:

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Obsługiwane Obsługiwane Obsługiwane Obsługiwane Obsługiwane

Internet Explorer 11 (i wcześniejsze wersje) nie obsługuje domtokenlist.add().

Strony związane

Atrybut length

Metoda item()

Metoda remove()

Metoda toggle()

Metoda replace()

Metoda forEach()

Metoda entries()

Metoda keys()

Metoda values()

Obiekt DOMTokenList