Eccezioni quando si lavora con gli attributi in JavaScript
Quando si lavora con gli attributi esiste un'eccezione
- l'attributo class.
Questa parola è speciale in JavaScript
e quindi non possiamo semplicemente scrivere elem.class,
per leggere il valore dell'attributo class.
Invece, dovremmo scrivere elem.className.
Vediamo un esempio. Supponiamo di avere questo input:
<input id="elem" class="aaa bbb">
Visualizziamo il valore dell'attributo class
per il nostro input:
let elem = document.querySelector('#elem');
console.log(elem.className); // visualizzerà 'aaa bbb'
Esistono altre eccezioni, ad esempio,
l'attributo for. Ad esso si dovrebbe accedere
tramite htmlFor.
Dato un div:
<div id="elem" class="content no-gap"></div>
Data anche un bottone. Al click sul bottone leggete
e visualizzate sullo schermo il valore dell'attributo class
del nostro div.
Dato un div:
<div id="elem"></div>
Data anche un bottone. Al click sul bottone scrivete
nell'attributo class del nostro div una qualche
classe.
Dato un div con diverse classi CSS, scritte separate da spazio:
<div id="elem" class="aaa bbb ccc"></div>
Data anche un bottone. Al click sul bottone ottenete un array delle classi CSS del nostro div.
