Dans le cours : L'essentiel de JavaScript
Accédez au cours complet aujourd’hui
Inscrivez-vous aujourd’hui pour accéder à plus de 24 200 cours dispensés par des experts.
Utiliser querySelector et querySelectorAll - Tutoriel JavaScript
Dans le cours : L'essentiel de JavaScript
Utiliser querySelector et querySelectorAll
Dans le monde du développement web, il existe une autre technologie qui requiert, également, d’aller rechercher des éléments dans la page web. Et c’est une technologie que vous connaissez très bien, puisque il s’agit du CSS. Effectivement, allons jeter un petit coup d’œil dans notre feuille de style CSS. Nous avons, ici, plein de sélecteurs. Regardez on a main form, on a main form label, on a main form textarea. Ce sont des sélecteurs CSS et l’idée, elle est, exactement, la même qu’en JavaScript. Il s’agit d’aller rechercher des éléments dans la page web. La version moderne du JavaScript nous donne deux nouvelles méthodes qui utilisent, exactement, les mêmes sélecteurs que le CSS pour aller rechercher des éléments dans le DOM. Reprenons un exemple que nous avons déjà exploré dans la vidéo précédente. Prenons cet élément header qui a l’identifiant mainHeader. Dans mon fichier JavaScript, je vais créer une variable que je vais appeler, par…
Table des matières
-
-
-
-
-
-
-
-
-
(Verrouillé)
Définir ce qu'est le DOM5 m 13 s
-
(Verrouillé)
Travailler avec les nœuds et les éléments5 m 13 s
-
(Verrouillé)
Accéder aux éléments du DOM7 m 5 s
-
(Verrouillé)
Utiliser querySelector et querySelectorAll5 m 16 s
-
(Verrouillé)
Modifier les éléments du DOM3 m 40 s
-
Créer de nouveaux éléments dans le DOM4 m 23 s
-
(Verrouillé)
Modifier les styles CSS en JavaScript4 m 13 s
-
(Verrouillé)
Solution : Créer des éléments et les accrocher dans le DOM4 m 20 s
-
(Verrouillé)
-
-
-
-
-
-