“ pro odstavec, „
“ pro nadpis první úrovně atd. Tento přístup je nutný, když uživatel potřebuje přistupovat k prvku HTML pomocí názvu značky. přímo místo hledání více řádků kódu.
Tato příručka vysvětlí úplný postup načtení názvu značky prvku HTML pomocí JavaScriptu.
Jak načíst název značky prvku HTML pomocí JavaScriptu?
JavaScript nabízí pouze pro čtení „ název štítku ” vlastnost, která zobrazuje název tagu odpovídajícího prvku HTML. Vrací hodnotu řetězce, tj. název tagu prvku psaný VELKÝMI PÍSMENY.
Syntax
živel. název štítku
Ve výše uvedené syntaxi „ název štítku “ odpovídá názvům značek prvku, které je třeba načíst.
Nyní přejdeme k jeho praktické implementaci, abychom zjistili, jak jej lze použít k načtení názvu značky odpovídajícího prvku HTML.
Příklad: Použití vlastnosti „tagName“ k načtení názvu značky prvku HTML
V tomto příkladu lze všechny názvy značek prvků zadané v kódu HTML načíst pomocí „ název štítku ' vlastnictví.
HTML kód
Podívejme se na následující HTML kód:
< tělo při kliknutí = 'elemName()' >< h2 > Načte tagName elementu HTML v JavaScriptu < / h2 >
< p > Kliknutím na libovolný prvek v tomto dokumentu získáte jeho název tagu. < / p >
< knoflík > Klepněte na to < / knoflík >
< p id = 'demo' < / p >
Ve výše uvedených řádcích kódu:
- ' Značka ” je spojena se značkou “ při kliknutí “ přesměrování události na funkci JavaScript “ elemName() “, který se spustí po kliknutí.
- ' ” tag definuje podnadpis.
- ' ” vytvoří příkaz odstavce.
- '
“ přidá tlačítko s názvem „Klikni na to“. - Konečně, „ 'tag definuje prázdný odstavec s id' demo ” pro zobrazení názvu značky prvku HTML při spouštěči události „onclick“.
JavaScript kód
Dále přejděte na níže uvedený kód:
< skript >funkce elemName ( ) {
konst živel = událost. cílová ;
dokument. getElementById ( 'demo' ) . vnitřní HTML = 'Název značky HTML Element, na který bylo kliknuto, je: ' + živel. název štítku ;
}
skript >
V tomto bloku kódu:
- Definujte funkci s názvem „ elemName() “.
- Ve své definici deklarujte proměnnou „ živel ' datového typu ' konst “, který využívá „ cílová ” vlastnost, která vrátí název prvku při spuštění související události.
- Nakonec použijte „ getElementById() ” pro přístup k přidanému odstavci pomocí jeho id.
- Výsledkem bude zobrazení názvu značky odpovídajícího prvku HTML pomocí „ název štítku ” při spuštění události „onclick“.
- Je to takové, že po kliknutí na kterýkoli z prvků v kódu HTML se načte odpovídající název značky.
Výstup
Výstup zobrazuje odpovídající název značky prvku, kde se odpovídajícím způsobem spustí událost „onclick“.
Závěr
JavaScript poskytuje vestavěný „ název štítku ” vlastnost pro získání názvu značky prvku HTML. Obecně se používá s obslužnými nástroji událostí JavaScriptu, jako je „onclick“, „onmouseover“, „ondblclick“ atd. Když se spustí přidružená událost prvku HTML, ve výchozím nastavení vrátí název značky VELKÝMI PÍSMENY. Tato příručka poskytuje stručný popis, jak načíst název značky prvku HTML pomocí JavaScriptu.