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

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