You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1.0 KiB

Table of Contents

[TOC]

Sélectionner des éléments HTML

  • Sélectionner un élément à partir d'un sélecteur CSS :

    document.querySelector($CSS_SELECTOR) // retourne un noeud ou undefined.
    
  • Sélectionner tous les éléments à partir d'un sélecteur CSS :

    document.querySelectorAll($CSS_SELECTOR) // retourne une liste
    
  • Sélectionner un élément descendant de $ELEM à partir d'un sélecteur CSS :

    $ELEM.querySelector($CSS_SELECTOR) // retourne un noeud ou undefined.
    
  • Sélectionner un élément ancestre de $ELEM à partir d'un sélecteur CSS :

    $ELEM.closest($CSS_SELECTOR) // retourne un noeud ou undefined.
    
  • Est-ce que $ELEM correspond au sélecteur CSS ?

    $ELEM.matches($CSS_SELECTOR) // retourne un booléen.
    

💡 En Typescript, vous pouvez préciser le type de retour :

document.querySelector<HTMLDivElement>($CSS_SELECTOR) // retourne un DIV