« za odstavek, »
« za naslov prve ravni itd. Ta pristop je potreben, ko mora uporabnik dostopati do elementa HTML z imenom njegove oznake neposredno namesto iskanja več vrstic kode.
Ta vodnik bo razložil celoten postopek pridobivanja imena oznake elementa HTML z uporabo JavaScripta.
Kako pridobiti ime oznake elementa HTML z uporabo JavaScripta?
JavaScript ponuja samo za branje ' tagName ”, ki prikaže ime oznake ustreznega elementa HTML. Vrne vrednost niza, tj. ime oznake elementa v VELIKIH ČRKAH.
Sintaksa
element. tagName
V zgornji sintaksi ' tagName ” ustreza imenom oznak elementa, ki jih je treba pridobiti.
Zdaj pa preidimo na njegovo praktično izvedbo, da preverimo, kako ga je mogoče uporabiti za pridobivanje imena oznake ustreznega elementa HTML.
Primer: uporaba lastnosti »tagName« za pridobivanje imena oznake elementa HTML
V tem primeru je mogoče vsa imena oznak elementov, navedena v kodi HTML, pridobiti prek » tagName ” lastnina.
HTML koda
Oglejmo si naslednjo kodo HTML:
< telo onclick = 'elemName()' >< h2 > Pridobi tagName elementa HTML v JavaScriptu < / h2 >
< str > Kliknite kateri koli element v tem dokumentu, da dobite njegovo ime oznake. < / str >
< gumb > Kliknite ga < / gumb >
< str id = 'demo' >< / str >
V zgornjih vrsticah kode:
- '
oznaka je povezana z oznako onclick »preusmeritev dogodka na funkcijo JavaScript« elemName() «, ki se bo sprožil z enim klikom. - ' ” določa podnaslov.
- ' ” ustvari stavek odstavka.
- '
” doda gumb z imenom “Click It”. - Nazadnje, ' 'oznaka definira prazen odstavek z id-jem ' demo « za prikaz imena oznake elementa HTML ob sprožilcu dogodka »onclick«.
Koda JavaScript
Nato pojdite na spodnjo kodo:
< scenarij >funkcijo elemName ( ) {
konst element = dogodek. tarča ;
dokument. getElementById ( 'demo' ) . notranjiHTML = 'Ime kliknjene oznake elementa HTML je: ' + element. tagName ;
}
scenarij >
V tem kodnem bloku:
- Definirajte funkcijo z imenom ' elemName() ”.
- V njeni definiciji deklarirajte spremenljivko ' element 'podatkovnega tipa' konst ', ki uporablja ' tarča ” za vrnitev imena elementa, ko se sproži z njim povezani dogodek.
- Na koncu uporabite » getElementById() ” za dostop do dodanega odstavka z uporabo njegovega ID-ja.
- Posledica bo prikaz imena oznake ustreznega elementa HTML z uporabo ' tagName ”, ko se sproži dogodek “onclick”.
- To je tako, da se po kliku katerega koli elementa v kodi HTML pridobi ustrezno ime oznake.
Izhod
Izhod prikazuje ustrezno ime oznake elementa, kjer se ustrezno sproži dogodek »onclick«.
Zaključek
JavaScript ponuja vgrajeno » tagName ” lastnost za pridobivanje imena oznake elementa HTML. Običajno se uporablja z obdelovalniki dogodkov JavaScript, kot so »onclick«, »onmouseover«, »ondblclick« itd. Ko se sproži povezan dogodek elementa HTML, vrne ime oznake privzeto z VELIKIM ČRKAM. Ta priročnik nudi kratek opis, kako pridobiti ime oznake elementa HTML s pomočjo JavaScripta.