j'essaie désespérement d'ajouter une classe à un élément html d'une page au chargement du body mais je bute et n'y arrive pas... Je fais appel à vos lumières pour m'aider. Voici un lien vers un petit CodePen "test" : https://codepen.io/ZeSpecialK/pen/NWpoaaN
Merci d'avance à tous ceux qui voudront bien prendre 5 min. pour m'aiguiller un peu !
Par contre, est-ce que ça n'est pas plus simple d'ajouter la classe dans le HMTL directement ?
(à noter aussi que le CSS est invalide : tu voulais dire "30px", non ?)
Merci pour ton aide, oui effectivement il s'agit bien de 30px ;-) Si je comprends bien, l'élément entre crochets [0] signifie 1er élément de la collection. Est il possible dans ce cas de définir une plage s'il y a plusieurs éléments à cibler (du genre [0-3]) ? Désolé pour les questions de noob, je suis une bille en JS.
addEventListener('DOMContentLoaded') remplace onload, et te permet de rajouter toutes les fonctions que tu veux au chargement sans écraser les précédentes (comme le ferait onload).
querySelectorAll te permet de mettre un sélecteur, comme tu ferais en CSS (perso je n'utilise jamais que cette méthode, c'est beaucoup plus générique - j'aime bien aussi querySelector, qui renvoie seulement le premier élément qui correspond, pratique si je sais que je n'en ai qu'un, ça évite justement de boucler)
forEach boucle sur le résultat et lance une fonction anonyme avec deux arguments : l'élément en cours et sa position (ça commence à 0)
et là, on dit "si l'index est inférieur à 3, on donne la classe 'classe2'"
Si un truc n'est pas clair, demande
Pas d'aide concernant le code par MP, le forum est là pour ça :)
addEventListener('DOMContentLoaded') remplace onload, et te permet de rajouter toutes les fonctions que tu veux au chargement sans écraser les précédentes (comme le ferait onload).
querySelectorAll te permet de mettre un sélecteur, comme tu ferais en CSS (perso je n'utilise jamais que cette méthode, c'est beaucoup plus générique - j'aime bien aussi querySelector, qui renvoie seulement le premier élément qui correspond, pratique si je sais que je n'en ai qu'un, ça évite justement de boucler)
forEach boucle sur le résultat et lance une fonction anonyme avec deux arguments : l'élément en cours et sa position (ça commence à 0)
et là, on dit "si l'index est inférieur à 3, on donne la classe 'classe2'"
Si un truc n'est pas clair, demande
Un énorme merci pour ton aide ! Je teste ça et je te tiens informé. Ça me semble très clair et très didactique. Il faut vraiment que je m'y mette.... OpenClassroom est-il une site valable pour apprendre en autodidacte à programmer en JS ?
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)