Bei der Entwicklung von Webseiten müssen wir oft Elemente mit demselben Klassennamen bedienen, also Elemente mit derselben Klasse. Ich habe gestern den schriftlichen Test gemacht und konnte eine entsprechende Frage nicht beantworten:
JavaScript ruft den Knoten mit Klassentest auf der Seite ab
Deshalb habe ich einige relevante Informationen gesammelt und in diesem Artikel zwei Methoden aufgelistet, die meiner Meinung nach besser sind. Wenn es Mängel gibt, hoffe ich, dass jeder sie kritisieren und korrigieren kann. Wenn Sie eine bessere Methode haben, hoffe ich, dass Sie sie teilen können.
Lösung1 Jeremy Keuth Lösung
Onkel Jeremy Keuth sprach in Kapitel 3, Abschnitt 4 des Buches „The Art of JavaScript DOM Programming (2. Auflage)“ (Englisch: DOM Scripting-Web Design with JavaScript and the Document Object Model It). spricht auch darüber, wie man diese Methode in Browsern anwendet, die dieses Attribut nicht unterstützen (IE6, IE7 und IE8, verachten wir sie). Der Auszug ist hier, mit einigen Änderungen.
Es gibt eine neue Methode im HTML5-DOM, die uns den Zugriff auf Elemente über den Klassennamen im Klassenattribut ermöglicht: getELementsByClassName. Da die Methode relativ neu ist, ist sie in einigen DOM-Implementierungen noch nicht verfügbar Seien Sie vorsichtig, wenn Sie es verwenden. Schauen wir uns zunächst an, was diese Methode für uns leisten kann, und diskutieren dann, wie wir diese Methode zuverlässig verwenden können.
Ähnlich wie die Methode getELementsByTagName akzeptiert getElementsByClassName nur einen Parameter, nämlich den Klassennamen:
