Discussion :

[Foxeinthemoon]

Bonjour,

lorsque j'utilise

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
const div = document.querySelector('div')
div.classList.remove('red')

seule la class de la première <div> est remove mais, si j'utilise

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.querySelectorAll('div')

cela n'enlève pas toutes les classes "red"

est ce que cette méthode n'est plus prise en charge ? (je suis en phase d'apprentissage...)

merci à tous,

[Invité]

Bonjour,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
const divs = document.querySelectorAll('div');
 
divs.forEach(function(elt) {
  elt.classList.remove('red');
});

[Foxeinthemoon]

bonjour,

le code posé ainsi m'importe peu
je souhaite plutôt comprendre

[Watilin]

Bonsoir,
querySelector renvoie un élément, tandis que querySelectorAll renvoie une collection d’éléments.
Si tu veux agir sur chaque élément de la collection, il faut itérer dessus (utiliser une boucle), d’où le .forEach utilisé par jreaux62.

[Invité]

Bonjour,

...le code posé ainsi m'importe peu...

De rien...

...(je suis en phase d'apprentissage...)...

...je souhaite plutôt comprendre...

C'est simple :

• il suffit de faire une recherche (notamment sur les fonctions JavaScript)
• ...et de LIRE la DOC (et les exemples)

• document.querySelector()
• document.querySelectorAll()
• Array.prototype.forEach()

C'est, aussi et surtout, la meilleure façon d'apprendre et de comprendre.


N.B. Pour info, il est inutile de faire document.querySelectorAll('#machin')... puisqu'un id DOIT être UNIQUE (un seul élément avec <... id="machin">).
Par contre, on peut le faire avec une classe (qui peut être appliquée à plusieurs éléments) : document.querySelectorAll('.bidule') (plusieurs éléments avec <... class="bidule">).