Metoda HTML DOMTokenList toggle()

Definicja i użycie

Metoda toggle() usuwa podany znacznik z listy i zwraca fałsz. Jeśli znacznik nie istnieje, dodaje go i zwraca prawdę.

Przykład

Przykład 1

Przełączanie stanu "myStyle":

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

Spróbuj sam

Przykład 2

Dodanie klasy "myStyle" do elementu:

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

Spróbuj sam

Przykład 3

Usunięcie klasy "myStyle" z elementu:

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

Spróbuj sam

Przykład 4

Dodaj wiele klas do elementu:

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

Spróbuj sam

Przykład 5

Usuń wiele klas z elementu:

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

Spróbuj sam

Przykład 6

Pobierz liczbę klas elementu:

let numb = element.classList.length;

Spróbuj sam

Przykład 7

Przełączaj klasy, aby stworzyć przycisk rozwijany:

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

Spróbuj sam

Gramatyka

domtokenlist.toggle(znak)

Parametry

Parametry Opis
znak Wymagane. Znak do przełączenia.

Zwrócona wartość

Brak.

Obsługa przeglądarek

domtokenlist.toggle() jest cechą DOM Level 4 (2015).

Obsługa przez wszystkie przeglądarki:

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Obsługa Obsługa Obsługa Obsługa Obsługa

Internet Explorer 11 (lub wcześniejsze wersje) nie obsługuje domtokenlist.toggle().

Strony związane

Atrybut length

Metoda item()

Metoda add()

Metoda remove()

Metoda replace()

Metoda forEach()

Metoda entries()

Metoda keys()

Metoda values()

Obiekt DOMTokenList