Les sélecteurs JavaScript sont utilisés pour sélectionner des éléments dans des documents HTML et les utiliser. Les sélecteurs JavaScript suivants sont couramment utilisés :
-
getElementById :
Sélectionne un élément par son attribut ID et renvoie le premier élément correspondant.
-
getElementsByClassName :
Sélectionne un élément par son nom de classe, renvoyant une HTMLCollection contenant tous les éléments correspondants.
-
getElementsByTagName :
Sélectionnez les éléments par leurs noms de balises et renvoyez une HTMLCollection contenant tous les éléments correspondants.
-
querySelector :
Sélectionnez des éléments via un sélecteur CSS et renvoyez le premier élément correspondant.
-
querySelectorAll :
Sélectionnez des éléments via des sélecteurs CSS, renvoyant une NodeList contenant tous les éléments correspondants.
Ces sélecteurs peuvent être utilisés de manière flexible selon vos besoins. Par exemple, si vous souhaitez sélectionner l'élément portant l'ID "myElement", vous pouvez utiliser getElementById("myElement"); si vous souhaitez sélectionner tous les éléments portant le nom de classe "myClass", vous pouvez utiliser getElementsByClassName("myClass" ); si vous souhaitez sélectionner Pour tous les éléments de paragraphe, vous pouvez utiliser getElementsByTagName("p"); si vous souhaitez sélectionner le premier élément avec un nom de classe "myClass", vous pouvez utiliser querySelector(".myClass"), etc.
Il convient de noter que getElementById sélectionne les éléments avec un identifiant unique pour l'ensemble du document, tandis que d'autres sélecteurs peuvent sélectionner plusieurs éléments correspondants. De plus, HTMLCollection et NodeList sont tous deux des objets de type tableau, et les éléments qu'ils contiennent peuvent être parcourus via l'indexation ou la boucle.