6.5: classList

Quand on doit gérer plusieurs classes, className devient pénible à utiliser.
<p id="para3" class="important actu encart">Lina a gagné !</p>
Typiquement, on voudrait ajouter ou enlever une classe.  On veut aussi savoir si une classe est présente.

classList permet de le faire :

let p=document.querySelector('#para3');
p.classList.add('abc');
on a maintenant:

<p id="para3" class="important actu encart abc">Lina a gagné !</p>
Essayons remove():

p.classList.remove('actu');
on a maintenant:

<p id="para3" class="important encart abc">Lina a gagné !</p>
Avec contains() on peut interroger:

console.log(p.classList.contains('important'); => true
console.log(p.classList.contains('xyz')); => false