Maison >interface Web >js tutoriel >Pourquoi est-ce que j'obtiens une erreur « getElementByClass n'est pas une fonction » lorsque j'essaie d'accéder aux éléments par classe ?

Pourquoi est-ce que j'obtiens une erreur « getElementByClass n'est pas une fonction » lorsque j'essaie d'accéder aux éléments par classe ?

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-11-04 01:04:30285parcourir

Why am I getting an

Comment acquérir efficacement un élément par sa désignation de classe

Énoncé du problème :
Tentatives d'obtenir un élément par son nom de classe en utilisant la syntaxe "document.getElementByClass()" entraîne une erreur "getElementByClass n'est pas une fonction".

Réponse :
Pour accéder avec succès à un élément par sa classe, le DOM approprié La fonction à utiliser est « getElementsByClassName », prenant en compte la possibilité que plusieurs éléments partagent la même classe. Cette fonction renvoie une NodeList, qui peut être manipulée davantage selon les besoins.

Approches alternatives :
Pour une compatibilité et des performances améliorées, envisagez d'utiliser querySelector('.foo') ou querySelectorAll( '.foo'), comme recommandé par caniuse.com.

Ressources supplémentaires :

  • [Documentation MDN : getElementByClassName](https://developer. mozilla.org/en-US/docs/Web/API/Document/getElementsByClassName)
  • [Documentation MDN : NodeList](https://developer.mozilla.org/en-US/docs/Web/API /NodeList)
  • [Puis-je utiliser : Support de méthode](https://caniuse.com/#search=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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn