Unntak ved arbeid med attributter i JavaScript
Ved arbeid med attributter finnes det et unntak
- dette er attributten class.
Dette ordet er spesielt i JavaScript
og derfor kan vi ikke bare skrive elem.class
for å lese verdien av attributten class.
I stedet bør man skrive elem.className.
La oss se på et eksempel. La oss si vi har følgende input:
<input id="elem" class="aaa bbb">
La oss skrive ut verdien av attributten class
for vår input:
let elem = document.querySelector('#elem');
console.log(elem.className); // vil skrive ut 'aaa bbb'
Det finnes andre unntak også, for eksempel
attributten for. Den bør man benytte
via htmlFor.
Gitt en div:
<div id="elem" class="content no-gap"></div>
Det er også gitt en knapp. Ved klikk på knappen, les
og skriv ut verdien av attributten class
til vår div.
Gitt en div:
<div id="elem"></div>
Det er også gitt en knapp. Ved klikk på knappen, skriv
inn i attributten class til vår div en eller annen
CSS-klasse.
Gitt en div med flere CSS-klasser, skrevet mellom mellomrom:
<div id="elem" class="aaa bbb ccc"></div>
Det er også gitt en knapp. Ved klikk på knappen, hent en array med CSS-klassene til vår div.
