Kivételek az attribútumokkal való munka során JavaScriptben

Az attribútumokkal való munka során létezik egy kivétel - ez a class attribútum. Ez a szó speciális a JavaScriptben és ezért nem írhatjuk egyszerűen, hogy elem.class, hogy a class attribútum értékét olvassuk. Ehelyett a elem.className kifejezést kell használni.

Nézzünk egy példát. Tegyük fel, hogy van egy ilyen inputunk:

<input id="elem" class="aaa bbb">

Írjuk ki a class attribútum értékét az inputunkhoz:

let elem = document.querySelector('#elem');
console.log(elem.className); // kiírja 'aaa bbb'

Léteznek más kivételek is, például a for attribútum. Ehhez a htmlFor kifejezésen keresztül kell hozzáférni.

Adott egy div:

<div id="elem" class="content no-gap"></div>

Adott egy gomb is. A gombra kattintva olvassa ki és írja ki a képernyőre a div class attribútumának értékét.

Adott egy div:

<div id="elem"></div>

Adott egy gomb is. A gombra kattintva írjon a div class attribútumába valamilyen CSS osztályt.

Adott egy div több CSS osztállyal, szóközzel elválasztva:

<div id="elem" class="aaa bbb ccc"></div>

Adott egy gomb is. A gombra kattintva kapja meg a div CSS osztályainak tömbjét.