” za odlomak, “
” za naslov prve razine, itd. Ovaj je pristup potreban kada korisnik treba pristupiti HTML elementu pomoću naziva njegove oznake izravno umjesto pretraživanja više redaka koda.
Ovaj će vodič objasniti cijeli postupak dohvaćanja naziva oznake HTML elementa pomoću JavaScripta.
Kako dohvatiti naziv oznake HTML elementa pomoću JavaScripta?
JavaScript nudi samo za čitanje ' tagName ” svojstvo koje prikazuje naziv oznake odgovarajućeg HTML elementa. Vraća vrijednost niza, tj. ime oznake elementa napisano VELIKIM SLOVIMA.
Sintaksa
element. tagName
U gornjoj sintaksi, ' tagName ” odgovara nazivima oznaka elementa koje je potrebno dohvatiti.
Sada prijeđimo na njegovu praktičnu implementaciju da provjerimo kako se može koristiti za dohvaćanje naziva oznake odgovarajućeg HTML elementa.
Primjer: Primjena svojstva “tagName” za dohvaćanje naziva oznake HTML elementa
U ovom primjeru, svi nazivi oznaka elementa navedeni u HTML kodu mogu se dohvatiti putem ' tagName ” vlasništvo.
HTML kôd
Pogledajmo sljedeći HTML kod:
< tijelo na klik = 'elemName()' >< h2 > Dohvati tagName HTML elementa u JavaScriptu < / h2 >
< str > Kliknite na bilo koji element u ovom dokumentu da biste dobili naziv njegove oznake. < / str >
< dugme > Kliknite ga < / dugme >
< str iskaznica = 'demo' >< / str >
U gornjim redcima koda:
- '
' oznaka je povezana s ' na klik ” preusmjeravanje događaja na JavaScript funkciju “ elemName() ” koji će se pokrenuti jednim klikom. - ' ” oznaka definira podnaslov.
- ' ” stvara naredbu odlomka.
- '
” dodaje gumb pod nazivom “Click It”. - Na kraju, ' ” oznaka definira prazan odlomak koji ima id “ demo ” za prikaz naziva oznake HTML elementa nakon okidača događaja “onclick”.
JavaScript kod
Zatim prijeđite na dolje navedeni kod:
< skripta >funkcija elemName ( ) {
konst element = događaj. cilj ;
dokument. getElementById ( 'demo' ) . unutarnjiHTML = 'Naziv kliknute oznake HTML elementa je: ' + element. tagName ;
}
skripta >
U ovom bloku koda:
- Definirajte funkciju pod nazivom ' elemName() ”.
- U svojoj definiciji, deklarirajte varijablu ' element ' tipa podataka ' konst ' koji koristi ' cilj ” svojstvo za vraćanje naziva elementa kada se aktivira povezani događaj.
- Na kraju primijenite ' getElementById() ” za pristup dodanom odlomku koristeći njegov ID.
- To će rezultirati prikazivanjem naziva oznake odgovarajućeg HTML elementa pomoću ' tagName ” kada će se pokrenuti događaj “onclick”.
- To je takvo da će se klikom na bilo koji element u HTML kodu dohvatiti odgovarajući naziv oznake.
Izlaz
Izlaz prikazuje odgovarajući naziv oznake elementa gdje se događaj 'onclick' aktivira u skladu s tim.
Zaključak
JavaScript pruža ugrađeni ' tagName ” svojstvo za dobivanje naziva oznake HTML elementa. Općenito se koristi s JavaScript rukovateljima događajima kao što su 'onclick', 'onmouseover', 'ondblclick' itd. Kada se aktivira pridruženi događaj HTML elementa, prema zadanim postavkama vraća naziv svoje oznake VELIKIM SLOVIMA. Ovaj vodič nudi kratak opis kako dohvatiti naziv oznake HTML elementa pomoću JavaScripta.