“ pre odsek, „
“ pre nadpis prvej úrovne atď. Tento prístup je potrebný, keď používateľ potrebuje pristupovať k prvku HTML pomocou názvu značky. priamo namiesto hľadania viacerých riadkov kódu.
Táto príručka vysvetlí úplný postup načítania názvu značky prvku HTML pomocou jazyka JavaScript.
Ako získať názov značky prvku HTML pomocou JavaScriptu?
JavaScript ponúka iba na čítanie „ tagName ” vlastnosť, ktorá zobrazuje názov značky zodpovedajúceho prvku HTML. Vracia hodnotu reťazca, t. j. názov značky prvku písaný VEĽKÝMI PÍSMENAMI.
Syntax
element. tagName
Vo vyššie uvedenej syntaxi „ tagName “ zodpovedá názvom značiek prvku, ktoré je potrebné načítať.
Teraz prejdime k jeho praktickej implementácii, aby sme skontrolovali, ako ho možno použiť na načítanie názvu značky zodpovedajúceho prvku HTML.
Príklad: Použitie vlastnosti „tagName“ na načítanie názvu značky prvku HTML
V tomto príklade je možné všetky názvy značiek prvkov špecifikované v kóde HTML načítať cez „ tagName ' nehnuteľnosť.
HTML kód
Pozrime sa na nasledujúci HTML kód:
< telo po kliknutí = 'elemName()' >< h2 > Načítanie tagName elementu HTML v JavaScripte < / h2 >
< p > Kliknutím na ľubovoľný prvok v tomto dokumente získate názov značky. < / p >
< tlačidlo > Kliknite na to < / tlačidlo >
< p id = 'demo' < / p >
Vo vyššie uvedených riadkoch kódu:
- ' Značka ” je spojená so značkou “ po kliknutí “ presmerovanie udalosti na funkciu JavaScript “ elemName() “, ktorý sa spustí kliknutím.
- ' ” tag definuje podnadpis.
- ' Značka ” vytvorí odsek.
- '
” tag pridá tlačidlo s názvom “Klikni na to”. - Nakoniec, „ Značka ” definuje prázdny odsek s id “ demo ” na zobrazenie názvu značky prvku HTML pri spúšťači udalosti „onclick“.
JavaScript kód
Ďalej prejdite na nižšie uvedený kód:
< skript >funkciu elemName ( ) {
konšt element = udalosť. cieľ ;
dokument. getElementById ( 'demo' ) . innerHTML = „Názov značky prvku HTML, na ktorý sa kliklo, je: “ + element. tagName ;
}
skript >
V tomto bloku kódu:
- Definujte funkciu s názvom „ elemName() “.
- Vo svojej definícii deklarujte premennú „ element “ dátového typu “ konšt “, ktorý využíva „ cieľ ” vlastnosť, ktorá vráti názov prvku pri spustení súvisiacej udalosti.
- Nakoniec použite „ getElementById() ” na prístup k pridanému odseku pomocou jeho id.
- Výsledkom bude zobrazenie názvu značky zodpovedajúceho prvku HTML pomocou „ tagName ” kedy sa spustí udalosť „onclick“.
- Je to také, že po kliknutí na ktorýkoľvek z prvkov v kóde HTML sa získa príslušný názov značky.
Výkon
Výstup zobrazuje zodpovedajúci názov značky prvku, kde sa podľa toho spustí udalosť „onclick“.
Záver
JavaScript poskytuje vstavaný „ tagName ” vlastnosť na získanie názvu značky prvku HTML. Vo všeobecnosti sa používa s obsluhou udalostí JavaScriptu, ako sú „onclick“, „onmouseover“, „ondblclick“ atď. Keď sa spustí súvisiaca udalosť prvku HTML, štandardne vráti názov značky VEĽKÝMI PÍSMENAMI. Táto príručka poskytuje stručný popis toho, ako načítať názov značky prvku HTML pomocou JavaScriptu.