Wie schalte ich die Klasse eines Elements ohne jQuery in reinem JavaScript um?

Elementklassen in reinem JavaScript umschalten

F: Wie schalte ich die Klasse eines Elements in reinem JavaScript ohne jQuery um?

Die toggleClass-Methode von jQuery bietet eine einfache Möglichkeit, die Klassen eines Elements umzuschalten. Aber wie lässt sich das mit reinem JavaScript erreichen?

A:

1. document.classList.toggle():

   Moderne Browser unterstützen die Methode classList.toggle, die die Klassenmanipulation vereinfacht. Zum Beispiel:

   <code class="js">var menu = document.querySelector('.container-fluid');
   menu.classList.toggle('menu-hidden');</code>

2. classList.js:

   Für ältere Browser, denen classList.toggle fehlt, können Sie classList.js verwenden Polyfill:

   <code class="js">var menu = document.querySelector('.menu');
   classList.toggle(menu, 'hidden-phone');</code>

Zusätzliche Hinweise:

• Klassenliste: Verwenden Sie Klassennamen anstelle von IDs für eine verbesserte Effizienz.
• IDs vermeiden:IDs erstellen globale Variablen im JavaScript-Fensterobjekt.

Das obige ist der detaillierte Inhalt vonWie schalte ich die Klasse eines Elements ohne jQuery in reinem JavaScript um?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!