Also! Durch HTML -Elemente durchlaufen ist eine sehr häufige Aufgabe. JavaScript bietet also mehrere Ansätze, die für diesen Zweck verwendet werden können (i.e. Schleifen durch Elemente).
In diesem Artikel wird erklärt, wie Sie HTML-Elemente durchlaufen lassen, ohne für foreach () in JavaScript zu verwenden, und in dieser Hinsicht werden die folgenden Ansätze behandelt:
Also lasst uns anfangen!
HTML-Elemente mit JavaScript For-Loop durchlaufen
In JavaScript ist für HTML-Elemente eine der am häufigsten verwendeten Ansätze zur Schleife durch HTML-Elemente.
Beispiel: Schleife durch Element
In diesem Programm werden wir mit JavaScript For-Loop HTML-Etikettelemente durchlaufen:
Html
Hier ist die Zusammenfassung der HTML -Datei:
JavaScript
var Traverse_element = Dokument.GetElementsByTagName ("Label");Die JavaScript -Datei wurde folgende Aufgaben ausgeführt:
Ausgang:
Die Ausgabe hat klargestellt Elemente.
HTML-Elemente mit JavaScript for-Loop/Anweisungen durchlaufen
Die For-of-Loop ist ein Neuzugang in JavaScript, das in den neuesten Versionen des ES6 eingeführt wurde. Es ermöglicht es uns, über die iterablen Objekte wie Arrays, Strings, Sets usw. zu iterieren.
Beispiel: Schleife durch Element
In diesem Programm werden wir mit JavaScript for-of-Loop HTML-Tastelelementen durchlaufen:
Html
HTML -Dateien bleiben die gleichen wie im vorherigen Beispiel.
JavaScript
var Traverse_element = Dokument.getElementsByTagName ("Button");Dieses Mal haben wir die For-of-Aussagen verwendet, um alle Elemente zu durchschleifen:
So wird der For-of-Loop verwendet, um HTML-Elemente zu durchqueren.
HTML -Elemente mit JavaScript während der Schleife durchlaufen
Wir können das JavaScript während der Schleife verwenden, um die HTML -Elemente durchzusetzen. Das untergegebene Beispiel wird Sie dazu veranlassen, die "While" -Heop zu verwenden, um die HTML-Elemente durchzusetzen:
Beispiel: Schaufeln Sie alle Elemente durch
In diesem Programm werden wir alle HTML -Elemente mit JavaScript während der Schleife durchlaufen:
var Traverse_element = Dokument.GetElementsByTagName ("*");In diesem Beispielprogramm haben wir die „*“ an die Methode „GetElementByTagName ()“ übergeben, um alle HTML -Elemente durchzusetzen. Als nächst.
Auf diese Weise können wir HTML -Elemente durchlaufen, ohne die Methode foreach () in JavaScript zu verwenden.
Abschluss
JavaScript bietet mehrere andere Ansätze als foreach-Schleifen. Während die Durchschleifen durch HTML -Elemente kann die Methode „GetElementsByTagName“ verwendet werden, um die Sammlung des angegebenen Elements zu erhalten. In diesem Beitrag wurde die Arbeit mehrerer Ansätze erläutert, um HTML -Elemente in JavaScript durch HTML -Elemente zu schleifen.