“ für einen Absatz, „
“ für die Überschrift der ersten Ebene usw. Dieser Ansatz ist erforderlich, wenn der Benutzer über seinen Tag-Namen auf ein HTML-Element zugreifen muss direkt, anstatt mehrere Codezeilen zu durchsuchen.
In dieser Anleitung wird das vollständige Verfahren zum Abrufen des Tag-Namens eines HTML-Elements mithilfe von JavaScript erläutert.
Wie rufe ich den Tag-Namen eines HTML-Elements mit JavaScript ab?
JavaScript bietet das schreibgeschützte „ Verlinke den Namen ”-Eigenschaft, die den Tag-Namen des entsprechenden HTML-Elements anzeigt. Es gibt einen String-Wert zurück, d. h. den Tag-Namen des Elements in GROSSBUCHSTABEN.
Syntax
Element. Verlinke den Namen
In der obigen Syntax: „ Verlinke den Namen „entspricht den Tag-Namen des Elements, die abgerufen werden müssen.
Kommen wir nun zur praktischen Implementierung und prüfen, wie es zum Abrufen des Tag-Namens des entsprechenden HTML-Elements verwendet werden kann.
Beispiel: Anwenden der Eigenschaft „tagName“, um den Tag-Namen eines HTML-Elements abzurufen
In diesem Beispiel können alle im HTML-Code angegebenen Tag-Namen des Elements über den Befehl „ abgerufen werden. Verlinke den Namen ' Eigentum.
HTML Quelltext
Schauen wir uns den folgenden HTML-Code an:
< Körper onclick = „elemName()“ >< h2 > Rufen Sie tagName des HTML-Elements in JavaScript ab < / h2 >
< P > Klicken Sie auf ein beliebiges Element in diesem Dokument, um seinen Tag-Namen zu erhalten. < / P >
< Taste > Klick es < / Taste >
< P Ausweis = 'Demo' >< / P >
In den obigen Codezeilen:
- Der '
„Tag ist mit einem „“ verknüpft onclick „Ereignisumleitung zur JavaScript-Funktion“ elemName() “, das mit einem Klick ausgelöst wird. - Der ' „Tag definiert die Unterüberschrift.
- Der ' „Tag“ erstellt eine Absatzanweisung.
- Der '
”-Tag fügt eine Schaltfläche mit dem Namen „Click It“ hinzu. - Schließlich ist das „ „Tag definiert einen leeren Absatz mit einer ID“ Demo ”, um den Namen des HTML-Element-Tags beim Auslöser des Ereignisses „onclick“ anzuzeigen.
JavaScript-Code
Fahren Sie als Nächstes mit dem unten bereitgestellten Code fort:
< Skript >Funktion elemName ( ) {
const Element = Fall. Ziel ;
dokumentieren. getElementById ( 'Demo' ) . innerHTML = „Der Name des angeklickten HTML-Element-Tags lautet: „ + Element. Verlinke den Namen ;
}
Skript >
In diesem Codeblock:
- Definieren Sie eine Funktion mit dem Namen „ elemName() “.
- Deklarieren Sie in seiner Definition die Variable „ Element „vom Datentyp“ const ” das nutzt die „ Ziel ”-Eigenschaft, um den Elementnamen zurückzugeben, wenn das zugehörige Ereignis ausgelöst wird.
- Wenden Sie abschließend das „ getElementById() ”-Methode, um über seine ID auf den hinzugefügten Absatz zuzugreifen.
- Dies führt dazu, dass der Tag-Name des entsprechenden HTML-Elements mit dem Befehl „ Verlinke den Namen ”-Eigenschaft, wenn das „onclick“-Ereignis ausgelöst wird.
- Dadurch wird beim Klicken auf eines der Elemente im HTML-Code der entsprechende Tag-Name abgerufen.
Ausgang
Die Ausgabe zeigt den entsprechenden Element-Tag-Namen, wobei das „onclick“-Ereignis entsprechend ausgelöst wird.
Abschluss
JavaScript bietet das integrierte „ Verlinke den Namen ”-Eigenschaft zum Abrufen des HTML-Element-Tag-Namens. Es wird im Allgemeinen mit JavaScript-Ereignishandlern wie „onclick“, „onmouseover“, „ondblclick“ usw. verwendet. Wenn das zugehörige Ereignis des HTML-Elements ausgelöst wird, gibt es seinen Tag-Namen standardmäßig in GROSSBUCHSTABEN zurück. Dieses Handbuch enthält eine kurze Beschreibung, wie Sie den Tag-Namen eines HTML-Elements mithilfe von JavaScript abrufen.