Verwendung von GetElementsByTagName -Methoden in JavaScript
Der "GetElementByTagName ()Ist die spezifische DOM -Element -Methode, die alle in einer Webseite vorhandenen Elemente zusammen mit ihrem Tag -Namen zurückgibt. Es akzeptiert das "Verlinke den Namen”Als Argument und gibt seine Live -Sammlung zurück, die im gesamten Dokument erschien. Die Live -Sammlung bedeutet, dass die aktualisierte Liste automatisch bereitgestellt wird, wenn eines der HTML -Elemente hinzugefügt oder aus dem Dokument entfernt wird.
In diesem Leitfaden wird erläutert, wie man das benutztGetElementsByTagName ()Methode in JavaScript.
So verwenden Sie die Methode „GetElementsByTagName ()“ in JavaScript?
Der "GetElementByTagName ()”Wird hauptsächlich zum Zugriff auf ein bestimmtes HTML -Element über den Tag -Namen verwendet.
Syntax
var Elements = Dokument.GetElementsByTagName (TagName);In der obigen Syntax die “Verlinke den NamenEntspricht dem Tag des Elements, das abgerufen werden muss.
Lassen Sie uns nun das anwenden "GetElementByTagName ()Methode auf unterschiedliche Weise mit Hilfe der folgenden Beispiele.
Beispiel 1: Anwenden der Methode „GetElementsByTagName ()“ zum Zählen “
" Stichworte
In diesem Beispiel die Anzahl der “ (Absatz)
HTML Quelltext
Überlegen wir den folgenden HTML -Code:
Zählen Sie den Absatz mit GetElementsByTagName () Methode
Dies ist das Erste Absatz.
Dies ist das zweite Absatz.
Dies ist das dritte Absatz.
Dies ist das vierte Absatz.
Im obigen HTML -Code:
- Der "Erklärt die erste Unterschrift.
- Der "Tag definiert die angegebenen Absätze. Es enthält auch das “”Mutiges Tag, um ein bestimmtes Wort zu fett.
- Der ""Tag fügt eine Schaltfläche hinzu, die eine zugeordnete" assoziiert "ONCLICK"Ereignis, das zur genannten Funktion umgeleitet wird"zählen()”Das wird beim Klicken der Schaltfläche ausgelöst.
JavaScript -Code
Gehen Sie als nächstes mit dem JavaScript -Code fort:
In den obigen Codezeilen:
- Definieren Sie eine Funktion namens “zählen()”.
- Deklarieren Sie in seiner Definition die Variable “Para"Zugriff auf die mitgelieferten Absätze über die"dokumentieren.GetElementByTagName ()" Methode.
- Danach ein "Alarm"Box wird verwendet, um die Gesamtzahl der Absätze mit der" anzuzeigen "angezeigtLänge" Eigentum.
Ausgang
Wie zu sehen ist, taucht die Ausgabe auf “auf"Alarmbox"Das zeigt die Gesamtzahl der" an " Beispiel 2: Anwenden der Methode „GetElementsByTagName ()“ zum Zählen “ " Stichworte In diesem Beispiel kann die diskutierte Methode auch auf das angewendet werden, um die zu zählen “ HTML Quelltext Sehen Sie sich zunächst den untergegewalten HTML-Code an: Syntax Arbeiten Verwendung Bedeutung Abschluss In den obigen Codezeilen: ” JavaScript -Code Als nächstes Überblick über den JavaScript -Code: Im obigen JavaScript -Code: Tags im aktuellen Dokument mit Hilfe des “dokumentieren.GetElementByTagName ()" Methode. Ausgang Die Ausgabe zeigt die Gesamtzahl i.e., “5”Der HTML -Tags“ Beispiel 3: Anwenden der Methode „GetElementsByTagName ()“ zum Anpassen der Elemente Abgesehen von der Liste der HTML -Elemente die “GetElementByTagName ()Kann auch angewendet werden, um die Elemente anzupassen. HTML Quelltext Gehen Sie den folgenden HTML -Code durch: Passen Sie den Absatz mithilfe von GetElementsByTagName () -Methoden an Dies ist das ErsteAbsatz. Dies ist das zweiteAbsatz. Dies ist das dritteAbsatz. Dies ist das vierteAbsatz. Im obigen HTML -Code: JavaScript -Code Schauen Sie sich nun den JavaScript -Code an: Im obigen Codeblock: Ausgang Die Ausgabe zeigt, dass der erwähnte Grenzstil auf alle implementiert ist “ Abschluss Der "GetElementsByTagName ()Die Methode in JavaScript hilft den Benutzern dabei, die Live -Sammlung bestimmter HTML -Elemente basierend auf den Tagennamen aufzurufen. Es gibt die aktualisierte Liste der HTML -Elemente im Falle einer Änderung des Dokuments zurück. Darüber hinaus kann es verwendet werden, um den spezifischen HTML -Elementinhalt gleichzeitig gemäß den Anforderungen anzupassen. Dieser Leitfaden zeigte die vollständige Verwendung der “GetElementsByTagName ()Methode in JavaScript.Methode getElementsByTagName ()