Undantag vid arbete med attribut i JavaScript
Vid arbete med attribut finns det ett undantag
- detta är attributet class.
Detta ord är speciellt i JavaScript
och därför kan vi inte bara skriva elem.class,
för att läsa värdet på attributet class.
Istället bör man skriva elem.className.
Låt oss titta på ett exempel. Låt oss säga att vi har följande input:
<input id="elem" class="aaa bbb">
Låt oss skriva ut värdet på attributet class
för vår input:
let elem = document.querySelector('#elem');
console.log(elem.className); // skriver ut 'aaa bbb'
Det finns andra undantag, till exempel,
attributet for. Man bör komma åt det
via htmlFor.
Given en div:
<div id="elem" class="content no-gap"></div>
En knapp är också given. Vid klick på knappen, läs
och skriv ut på skärmen värdet på attributet class
för vår div.
Given en div:
<div id="elem"></div>
En knapp är också given. Vid klick på knappen, skriv
i attributet class för vår div någon
CSS-klass.
Given en div med flera CSS-klasser, skrivna mellan mellanslag:
<div id="elem" class="aaa bbb ccc"></div>
En knapp är också given. Vid klick på knappen, hämta en array med CSS-klasserna för vår div.
