So durchlaufen Sie HTML -Elemente, ohne die Foreach -Schleife in JavaScript zu verwenden?

So durchlaufen Sie HTML -Elemente, ohne die Foreach -Schleife in JavaScript zu verwenden?
Immer wenn wir darüber nachdenken, durch HTML -Elemente zu schleifen. Aber was ist, wenn wir die HTML-Elemente durchlaufen müssen, ohne die EECH-Schleife in JavaScript zu verwenden? Haben wir einen anderen Ansatz, um HTML -Elemente in JavaScript durch HTML -Elemente zu schließen??

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:

  • HTML-Elemente mit JavaScript For-Loop durchlaufen
  • HTML-Elemente mit JavaScript for-Loop/Anweisungen durchlaufen
  • HTML -Elemente mit JavaScript während der Schleife durchlaufen

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:

  • Erstellt zwei "label" -Tags i.e. Vorname und Nachname.
  • Benutzte die
    Tags zum Hinzufügen von Zeilenpausen.
  • Erstellte zwei Eingabefelder und eine Taste.

JavaScript

var Traverse_element = Dokument.GetElementsByTagName ("Label");
für (var i = 0; i < traverse_Element.length; i++)
Konsole.log ("aktuelles Element", Traverse_Element [i]);

Die JavaScript -Datei wurde folgende Aufgaben ausgeführt:

  • Verwendete die Methode „GetElementsByTagName“, um die Sammlung des angegebenen Elements (i) zu erhalten.e. Beschriftungselement in unserem Fall).
  • Verwendete die For-Schleife, um die HTML-Elemente zu iterieren.
  • Verwendete die Länge Eigenschaft, um die Anzahl der zu iterierten/durchqueren HTML -Elemente zu erhalten.
  • Druckte das aktuelle Element mit der Konsole.log () Methode.

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");
für (Element von Traverse_Element)
Konsole.log (Element);

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 ("*");
var counter = 0;
während (Zähler < traverse_Element.length)
Konsole.log (Traverse_element [i]);
Zähler ++;

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.