Retourner ' la page d'accueil de TJSRetourner ' la page d'accueil de TJS

Méthode : window.document.querySelector()

Retourne le premier élément HTML correspondant au sélecteur CSS

Syntaxe
HTMLElement document.querySelector(String selecteur)

Compatible tous navigateurs

Description
Retourne le premier élément HTMLElement du DOM correspondant au sélecteur CSS passé en paramètre.

Retourne null si aucun élément ne correspond au sélecteur.

La méthode querySelector() est aussi applicable sur les éléments HTML HTMLElement pour réaliser une sous-sélection sur une zone du DOM plus restreinte.

Equivalent au premier élément de querySelectorAll() qui retourne l'ensemble des éléments correspondants au sélecteur sous forme d'un tableau.


Equivalent dans d'autres langages
Equivalent en jQuery à $(selecteur)[0] : Retourne le premier élément HTML correspondant au sélecteur CSS.

Exemple 1 : Quelques exemples de querySelector
Code source
<script>
console.log(document.querySelector("div.breadcrumbs li"));
console.log(document.querySelector("div#idInconnu"));
</script>

Résultat
Emulation de la console
Explication
Affiche quelques éléments du DOM.
Page mise à jour le

Troisième édition Tout JavaScript chez Dunod

Tout JavaScript le livre chez DunodEn savoir plus
Sortie le 4 janvier 2023

Version papier 29€90
Format électronique 22€99.

Commandez en ligne

Chercher une fonction, un objet, ...

Le 19/04/2024 06:02:46 sur php 7 en 287.96 ms