Excepții la lucrul cu atribute în JavaScript
La lucrul cu atribute există o excepție
- și anume atributul class.
Acest cuvânt este special în JavaScript
și de aceea nu putem scrie pur și simplu elem.class,
pentru a citi valoarea atributului class.
În schimb, trebuie să scriem elem.className.
Să ne uităm la un exemplu. Să presupunem că avem următorul input:
<input id="elem" class="aaa bbb">
Să afișăm valoarea atributului class
pentru input-ul nostru:
let elem = document.querySelector('#elem');
console.log(elem.className); // va afișa 'aaa bbb'
Există și alte excepții, de exemplu,
atributul for. La acesta trebuie să ne referim
prin htmlFor.
Este dat un div:
<div id="elem" class="content no-gap"></div>
De asemenea, este dat un buton. La click pe buton citiți
și afișați pe ecran valoarea atributului class
div-ului nostru.
Este dat un div:
<div id="elem"></div>
De asemenea, este dat un buton. La click pe buton scrieți
în atributul class al div-ului nostru o clasă oarecare.
Este dat un div cu mai multe clase CSS, scrise prin spațiu:
<div id="elem" class="aaa bbb ccc"></div>
De asemenea, este dat un buton. La click pe buton obțineți un array cu clasele CSS ale div-ului nostru.
