Lors du développement de pages Web, nous devons souvent utiliser des éléments avec le même nom de classe, c'est-à-dire des éléments avec la même classe. J'ai passé l'examen écrit hier et je n'ai pas pu répondre à une question connexe :
JavaScript récupère le nœud avec test de classe dans la page
J'ai donc collecté quelques informations pertinentes et répertorié deux méthodes qui, à mon avis, sont meilleures dans cet article. S'il y a des lacunes, j'espère que tout le monde pourra les critiquer et les corriger. Si vous avez une meilleure méthode, j'espère que vous pourrez la partager.
Solution1 Jeremy Keuth Solution
Oncle Jeremy Keuth a parlé de la méthode getElementsByClass dans le chapitre 3, section 4 du livre « The Art of JavaScript DOM Programming (2nd Edition) » (anglais : DOM Scripting-Web Design with JavaScript and the Document Object Model It). explique également comment appliquer cette méthode dans les navigateurs qui ne supportent pas cet attribut (IE6, IE7 et IE8, méprisons-les). L'extrait est ici, avec des modifications à certains endroits.
Il existe une nouvelle méthode dans le DOM HTML5 qui nous permet d'accéder aux éléments via le nom de classe dans l'attribut de classe. Il s'agit de : getELementsByClassName. Étant donné que la méthode est relativement nouvelle, elle n'est pas encore disponible dans certaines implémentations du DOM, donc soyez-en sûr. soyez prudent lorsque vous l'utilisez. Voyons d'abord ce que cette méthode peut faire pour nous, puis discutons de la manière de l'utiliser de manière fiable.
Semblable à la méthode getELementsByTagName, getElementsByClassName n'accepte qu'un seul paramètre, qui est le nom de la classe :
