var div_elements = document.querySelectorAll("div");

2. Sélecteur d'ID
ID est un identifiant unique dans un élément HTML, et le sélecteur d'ID est basé sur l'attribut ID de l'élément pour interroger l'élément correspondant. Sa syntaxe nécessite le symbole "#" devant le sélecteur, par exemple :

var element = document.querySelector("#myId");

3. Sélecteur de classe
Le sélecteur de classe interroge l'élément correspondant en fonction de l'attribut de classe de l'élément HTML. La syntaxe des sélecteurs de classe est très similaire à celle des sélecteurs d'ID, mais un symbole "." est ajouté devant le sélecteur, par exemple :

var elements = document.querySelectorAll(".myClass");

En plus des sélecteurs de base, HTML fournit également une série de sélecteurs avancés, tels que l'attribut. Les sélecteurs de sélection, les sélecteurs de pseudo-classe, etc. peuvent aider les développeurs à localiser et à utiliser les éléments avec plus de précision.

Recherche d'éléments HTML : à l'aide de méthodes de requête

En plus d'utiliser des sélecteurs, HTML fournit également des méthodes de requête pour rechercher certains types d'éléments HTML. Ces méthodes de requête peuvent bien compléter les fonctions des sélecteurs, permettant aux développeurs d'utiliser les éléments HTML de manière plus flexible.

1.getElementById()
getElementById() est une méthode de requête très pratique en HTML. Elle peut renvoyer l'élément correspondant en fonction de l'attribut ID de l'élément HTML. Par exemple :

var element = document.getElementById("myId");

2.getElementsByTagName()
getElementsByTagName() peut être utilisé pour interroger tous les éléments d'une balise d'élément HTML. Par exemple, si vous souhaitez rechercher tous les éléments de toutes les balises

dans une page HTML, vous pouvez utiliser le code suivant :

var h1_elements = document.getElementsByTagName("h1");

Copier après la connexion

3.getElementsByClassName()
getElementsByClassName() est une méthode de requête qui peut être utilisée en fonction sur le nom de classe de l'élément HTML Search element. Par exemple :

var elements = document.getElementsByClassName("myClass");

Copier après la connexion

4. querySelector() et querySelectorAll()
querySelector() et querySelectorAll() sont deux méthodes de requête très pratiques qui peuvent vous aider à interroger des éléments HTML correspondants à l'aide de sélecteurs CSS. Par exemple :

var element = document.querySelector("div"); var elements = document.querySelectorAll(".myClass");

Copier après la connexion

Résumé :

Les sélecteurs HTML et les méthodes de requête sont des compétences de base pour les développeurs Web. Les maîtriser facilitera l'écriture de programmes HTML et améliorera l'efficacité du développement. Comprendre les principes et la syntaxe des sélecteurs et des méthodes de requête en HTML peut nous permettre de mieux localiser et utiliser les éléments HTML, ce qui le rend plus rapide et plus efficace lors de la création d'applications Web.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!