Discussions

queryselectorAll

Image

Bonjour Louis-Nicolas,

 

en tentant une variante en intégrant une liste je rencontre un problème.

Dans ce cas de figure j'ai bien réussi a supprimer les décoration du fist-child 'a' mais pas sur les deux, et en utilisant le .querySelctorAll tout disparait comme si une erreur était présente. Je précise que je travaille sur VS code et pas codepen.

//menu
menu.innerHTML = '<ul><li><a href="#">Home</a></li><li><a href="#">Suite</a></li></ul>';
menu.style.textDecoration= 'none';
menu.querySelector('ul').style.listStyle= 'none';
menu.querySelector('a').style.textDecoration= 'none';
1 réponse
Image
Louis-Nicolas Leuillet
Le 15/05/2023 à 06:20

Hello Romuald

 

En fait quand tu utilises querySelectorAll on te renvoie un tableau : donc il faut que tu ailles boucler sur chaque élément pour appliquer le style.

 

Avec querySelector tu ne sélectionnes que le premier élément trouvé.

Image
Inscrivez-vous ou connectez-vous pour participer à la discussion.

Informations

Créée le 14 mai 2023 12:30
Dernière activité le 15 mai 2023 06:20