Retourner à 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

Nouvelle édition Tout JavaScript chez Dunod

Tout JavaScript le livre chez DunodEn savoir plus
Sortie le 21 octobre

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

Commandez en ligne

Chercher une fonction, un objet, ...

Le 28/11/2020 08:26:36 sur php7 en 26.37 ms