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:
html<input id="elem" class="aaa bbb">
Írjuk ki a class attribútum értékét
az inputunkhoz:
javascriptlet 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:
html<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:
html<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:
html<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.