Comment sélectionner des éléments par nom de classe en JavaScript ?

Comment obtenir des éléments par nom de classe en JavaScript

En JavaScript, l'obtention d'éléments par ID suit la syntaxe :

var x=document.getElementById("by_id");

Cependant, tenter de récupérer des éléments par classe avec la syntaxe suivante entraînera une erreur :

var y=document.getElementByClass("by_class");

Solution :

Pour réussir à récupérer des éléments par classe , utilisez plutôt la fonction getElementsByClassName :

var y = document.getElementsByClassName('foo');

Considérations :

La valeur de retour est un objet de type tableau (NodeList ou HTMLCollection), pas un seul élément. Pour accéder à des éléments individuels, utilisez la notation entre crochets (y[0]).

Méthodes alternatives :

querySelector('.foo') et querySelectorAll('.foo ') sont des alternatives privilégiées en raison d'une prise en charge plus large du navigateur (93,99 % contre 87,24 % pour getElementsByClassName).

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!