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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<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>