W3.JS Klassen zu HTML hinzufügen
Klasse hinzufügen:
w3.addClass(selector,'class')
Mehrere Klassen hinzufügen:
w3.addClass(selector,'class1 class2 class3...')
Klasse nach ID hinzufügen
Fügen Sie einem Element mit id="London" die Klasse "markiert" hinzu:
Beispiel
<button onclick="w3.addClass('#London','marked')">Add Class</button>
Klasse nach Tag hinzufügen
Fügen Sie allen <h2>-Elementen die "markierte" Klasse hinzu:
Beispiel
<button onclick="w3.addClass('h2','marked')">Add Class</button>
Klasse für Klasse hinzufügen
Fügen Sie die "markierte" Klasse zu einem Element mit class="city" hinzu:
Beispiel
<button onclick="w3.addClass('.city','marked')">Add Class</button>
Mehrere Klassen hinzufügen
Um einem Element mehrere Klassen hinzuzufügen, trennen Sie jede Klasse durch ein Leerzeichen.
Fügen Sie einem Element mit id="London" sowohl "class1" als auch "class2" hinzu:
Beispiel
<button onclick="w3.addClass('#London','class1 class2')">Add
Classes</button>
Klassen aus HTML-Elementen entfernen
Klasse entfernen:
w3.removeClass(selector,'class')
Mehrere Klassen entfernen:
w3.removeClass(selector,'class1 class2 class3...')
Klasse nach ID entfernen
Entfernen Sie die "markierte" Klasse von einem Element mit id="London":
Beispiel
<button onclick="w3.removeClass('#London','marked')">Remove Class</button>
Klasse nach Tag entfernen
Entfernen Sie die „markierte“ Klasse aus allen <h2>-Elementen:
Beispiel
<button onclick="w3.removeClass('h2','marked')">Remove Class</button>
Klasse für Klasse entfernen
Entfernen Sie die "markierte" Klasse von allen Elementen mit class="city":
Beispiel
<button onclick="w3.removeClass('.city','marked')">Remove Class</button>
Entfernen Sie mehrere Klassen
Um mehrere Klassen aus einem Element zu entfernen, trennen Sie jede Klasse durch ein Leerzeichen.
Entfernen Sie sowohl "class1" als auch "class2" aus einem Element mit id="London":
Beispiel
<button onclick="w3.removeClass('#London','class1 class2')">Remove
Classes</button>
Schalten Sie die Klasse der HTML-Elemente um
Klasse umschalten (ein/aus):
w3.toggleClass(selector,'class')
Wechseln Sie zwischen zwei Klassen:
w3.toggleClass(selector,'property','class','class')
Klasse nach ID umschalten
Umschalten zwischen der "markierten" Klasse eines Elements mit id="London":
Beispiel
<button onclick="w3.toggleClass('#London','marked')">Toggle</button>
Klasse nach Tag umschalten
Wechseln Sie zwischen der "markierten" Klasse aller <h2> Elemente:
Beispiel
<button onclick="w3.toggleClass('h2','marked')">Toggle</button>
Klasse für Klasse umschalten
Mit class="city" zwischen der "markierten" Klasse aller Elemente umschalten:
Beispiel
<button onclick="w3.toggleClass('.city','marked')">Toggle</button>
Mehrere Klassen umschalten
Wechseln Sie zwischen den Klassennamen "class1" und "class2" von id="London":
Beispiel
<button onclick="w3.toggleClass('#London','class1','class2')">Toggle</button>