meta data for this page
  •  

.classList

Permet de lister les attributs de classe de l'élément. En utilisant les méthodes, on peut ajouter ou supprimer des classes d'un élément.

https://developer.mozilla.org/fr/docs/Web/API/Element/classList

Méthodes

add ⇒ Ajoute les classes spécifiées

remove ⇒ Supprime les classes spécifiées

toggle ⇒ Si la classe existe, ça la supprime. Si la classe n'existe pas, ça la crée

<body>
  <div class="toolbox">
</body>

<script>
  var test = document.querySelector('.toolbox')
  console.log(test) //<div class="toolbox">
  
  test.classList.add('foo') 
  // <div class="toolbox foo">
  
  test.classList.remove('toolbox') 
  // <div class="foo">
  
  test.classList.toggle('foo')
  // <div class="">
  
  test.classList.toggle('foo')
  <div class="foo">
</script>