document.querySelector('#red') all ?

Bonjour,

lorsque j'utilise
Code:

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:

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,

Bonjour,

Code:

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

bonjour,

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

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.

Bonjour,

Citation:

Envoyé par Foxeinthemoon

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

De rien...:roll:

Citation:

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

Citation:

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

C'est simple :

il suffit de faire une recherche (notamment sur les fonctions JavaScript) :recherch:
...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">).