Μέθοδος HTML DOMTokenList toggle()

  • Σελίδα προηγούμενη supports()
  • Σελίδα επόμενη value
  • Επιστροφή στο προηγούμενο επίπεδο HTML DOMTokenList

Ορισμός και χρήση

Η μέθοδος toggle() αφαιρεί το δεδομένο σήμα από τη λίστα και επιστρέφει το ψευδές. Αν το σήμα δεν υπάρχει, προστίθεται και επιστρέφει το αληθές.

Παράδειγμα

Παράδειγμα 1

Αλλαγή του κλειστού-ανοιχτού της κλάσης "myStyle":

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

Δοκιμάστε το προσωπικά

Παράδειγμα 2

Προσθήκη της κλάσης "myStyle" στο στοιχείο:

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

Δοκιμάστε το προσωπικά

Παράδειγμα 3

Δημιουργία αφαίρεσης της κλάσης "myStyle" από το στοιχείο:

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

Δοκιμάστε το προσωπικά

Παράδειγμα 4

Προσθήκη πολλαπλών κλάσεων στο στοιχείο:

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

Δοκιμάστε το προσωπικά

Παράδειγμα 5

Αφαίρεση πολλαπλών κλάσεων από το στοιχείο:

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

Δοκιμάστε το προσωπικά

Παράδειγμα 6

Ανάκτηση αριθμού κλάσεων του στοιχείου:

let numb = element.classList.length;

Δοκιμάστε το προσωπικά

Παράδειγμα 7

Αλλαγή κλάσεων για τη δημιουργία ενός κουλοχέρη πλήρους οθόνης:

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

Δοκιμάστε το προσωπικά

Γλώσσα

domtokenlist.toggle(token)

Παράμετροι

Παράμετροι Περιγραφή
token Απαιτείται. Το σήμα που πρέπει να αλλάξει.

Αποτελεσματικότητα

Χωρίς.

Υποστήριξη προγραμματιστών περιηγητών

Το domtokenlist.toggle() είναι χαρακτηριστικό DOM Level 4 (2015).

Δέχεται την υποστήριξη όλων των προγραμματιστών περιηγητών:

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη

Το Internet Explorer 11 (ή πιο παλιό) δεν υποστηρίζει το domtokenlist.toggle().

Σχετικές σελίδες

Αξία length

Μέθοδος item()

Μέθοδος add()

Μέθοδος remove()

Μέθοδος replace()

Μέθοδος forEach()

Μέθοδος entries()

Μέθοδος keys()

Μέθοδος values()

Αντικείμενο DOMTokenList

  • Σελίδα προηγούμενη supports()
  • Σελίδα επόμενη value
  • Επιστροφή στο προηγούμενο επίπεδο HTML DOMTokenList