Výnimky pri práci s atribútmi v JavaScript
Pri práci s atribútmi existuje výnimka
- je to atribút class.
Toto slovo je špeciálne v JavaScripte
a preto nemôžeme jednoducho napísať elem.class,
aby sme načítali hodnotu atribútu class.
Namiesto toho by sme mali písať elem.className.
Pozrime sa na príklad. Predpokladajme, že máme daný takýto input:
html<input id="elem" class="aaa bbb">
Vypíšme hodnotu atribútu class
pre náš input:
javascriptlet elem = document.querySelector('#elem');
console.log(elem.className); // vypíše 'aaa bbb'
Existujú aj ďalšie výnimky, napríklad,
atribút for. K nemu by sme mali pristupovať
prostredníctvom htmlFor.
Daný div:
html<div id="elem" class="content no-gap"></div>
Dané tiež tlačidlo. Po kliknutí na tlačidlo prečítajte
a vypíšte na obrazovku hodnotu atribútu class
nášho divu.
Daný div:
html<div id="elem"></div>
Dané tiež tlačidlo. Po kliknutí na tlačidlo zapíšte
do atribútu class nášho divu nejakú
triedu.
Daný div s niekoľkými CSS triedami, zapísanými cez medzeru:
html<div id="elem" class="aaa bbb ccc"></div>
Dané tiež tlačidlo. Po kliknutí na tlačidlo získajte pole CSS tried nášho divu.