Erandid atribuutidega töötamisel JavaScriptis
Atribuutidega töötamisel on üks erand
- see on atribuut class.
See sõna on JavaScriptis eriline
ja seepärast me ei saa lihtsalt kirjutada elem.class,
et lugeda atribuudi class väärtust.
Selle asemel tuleb kirjutada elem.className.
Vaatame näidet. Olgu meil antud selline sisendväli:
html<input id="elem" class="aaa bbb">
Väljastame atribuudi class väärtuse
meie sisendvälja jaoks:
javascriptlet elem = document.querySelector('#elem');
console.log(elem.className); // väljastab 'aaa bbb'
On olemas ka teisi erandeid, näiteks
atribuut for. Sellele tuleb pöörduda
läbi htmlFor.
Antud div:
html<div id="elem" class="content no-gap"></div>
Antud on ka nupp. Vajutades nuppu looge
ja väljastage ekraanile atribuudi class
väärtus meie divi jaoks.
Antud div:
html<div id="elem"></div>
Antud on ka nupp. Vajutades nuppu kirjutage
atribuuti class meie divi jaoks mõni
klass.
Antud div mitme CSS klassiga, kirjutatud tühikuga eraldatuna:
html<div id="elem" class="aaa bbb ccc"></div>
Antud on ka nupp. Vajutades nuppu hankige meie divi CSS klasside massiiv.