Retourner à la page d'accueil de TJS

Méthode : window.document.querySelector()

Compatible Internet Explorer / Edge  Compatible Chrome  Compatible Safari  Compatible Firefox  Compatible Opera  

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

Syntaxe
HTMLElement document.querySelector(String selecteur)

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

Mon nouveau livre Tout JavaScript chez Dunod

Tout JavaScript le livre chez DunodEn savoir plus
Sortie le 6 février 2019

Version papier à 29€90
Format électronique à 21€90.

Commandez en ligne Dunod  Fnac  Amazon

Chercher une fonction, un objet, ...

Le graph des objets Javascript



Chargement
en cours...
Le 12/11/2019 16:58:18 sur php7 en 21.45 ms