Uitzonderingen bij het werken met attributen in JavaScript
Bij het werken met attributen bestaat er een uitzondering
- dit is het attribuut class.
Dit woord is een sleutelwoord in JavaScript
en daarom kunnen we niet eenvoudigweg elem.class schrijven
om de waarde van het attribuut class uit te lezen.
In plaats daarvan moet men elem.className schrijven.
Laten we naar een voorbeeld kijken. Stel we hebben de volgende input:
html<input id="elem" class="aaa bbb">
Laten we de waarde van het attribuut class
voor onze input weergeven:
javascriptlet elem = document.querySelector('#elem');
console.log(elem.className); // geeft 'aaa bbb' weer
Er bestaan ook andere uitzonderingen, bijvoorbeeld,
het attribuut for. Hier moet men toegang toe krijgen
via htmlFor.
Gegeven een div:
html<div id="elem" class="content no-gap"></div>
Ook is er een knop gegeven. Bij het klikken op de knop leest u
en toont u op het scherm de waarde van het attribuut class
van onze div.
Gegeven een div:
html<div id="elem"></div>
Ook is er een knop gegeven. Bij het klikken op de knop schrijft u
in het attribuut class van onze div een willekeurige
CSS-klasse.
Gegeven een div met meerdere CSS-klassen, geschreven met spaties ertussen:
html<div id="elem" class="aaa bbb ccc"></div>
Ook is er een knop gegeven. Bij het klikken op de knop verkrijgt u een array met CSS-klassen van onze div.