Exceptions lors de l'utilisation d'attributs en JavaScript
Lorsque vous travaillez avec des attributs, il existe une exception
- c'est l'attribut class.
Ce mot est spécial en JavaScript
et donc nous ne pouvons pas simplement écrire elem.class
pour lire la valeur de l'attribut class.
À la place, il faut écrire elem.className.
Regardons un exemple. Supposons que nous ayons l'input suivant :
html<input id="elem" class="aaa bbb">
Affichons la valeur de l'attribut class
pour notre input :
javascriptlet elem = document.querySelector('#elem');
console.log(elem.className); // affichera 'aaa bbb'
Il existe d'autres exceptions, par exemple,
l'attribut for. On doit y accéder
via htmlFor.
Étant donné une div :
html<div id="elem" class="content no-gap"></div>
Un bouton est également donné. Lorsqu'on clique sur le bouton, lisez
et affichez à l'écran la valeur de l'attribut class
de notre div.
Étant donné une div :
html<div id="elem"></div>
Un bouton est également donné. Lorsqu'on clique sur le bouton, écrivez
dans l'attribut class de notre div une classe quelconque.
Étant donné une div avec plusieurs classes CSS, écrites avec des espaces :
html<div id="elem" class="aaa bbb ccc"></div>
Un bouton est également donné. Lorsqu'on clique sur le bouton, obtenez un tableau des classes CSS de notre div.