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:

html<input id="elem" class="aaa bbb">

Visualizziamo il valore dell'attributo class per il nostro input:

javascriptlet 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.

Задание 1

Dato un div:

html<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.

Задание 2

Dato un div:

html<div id="elem"></div>

Data anche un bottone. Al click sul bottone scrivete nell'attributo class del nostro div una qualche classe.

Задание 3

Dato un div con diverse classi CSS, scritte separate da spazio:

html<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.