Ausnahmen bei der Arbeit mit Attributen in JavaScript
Bei der Arbeit mit Attributen gibt es eine Ausnahme
- das Attribut class.
Dieses Wort ist ein Schlüsselwort in JavaScript
und daher können wir nicht einfach elem.class schreiben,
um den Wert des Attributs class auszulesen.
Stattdessen sollte elem.className geschrieben werden.
Sehen wir uns ein Beispiel an. Angenommen, wir haben folgendes Input-Feld:
<input id="elem" class="aaa bbb">
Lassen Sie uns den Wert des Attributs class
für unser Input-Feld ausgeben:
let elem = document.querySelector('#elem');
console.log(elem.className); // gibt 'aaa bbb' aus
Es gibt noch andere Ausnahmen, zum Beispiel
das Attribut for. Darauf sollte über
htmlFor zugegriffen werden.
Gegeben ist ein Div:
<div id="elem" class="content no-gap"></div>
Ebenso ist ein Button gegeben. Lesen Sie beim Klick auf den Button
den Wert des Attributs class unseres Divs
aus und geben Sie ihn auf dem Bildschirm aus.
Gegeben ist ein Div:
<div id="elem"></div>
Ebenso ist ein Button gegeben. Schreiben Sie beim Klick auf den Button
eine beliebige Klasse in das Attribut class unseres Divs.
Gegeben ist ein Div mit mehreren CSS-Klassen, die durch Leerzeichen getrennt sind:
<div id="elem" class="aaa bbb ccc"></div>
Ebenso ist ein Button gegeben. Erhalten Sie beim Klick auf den Button ein Array der CSS-Klassen unseres Divs.
