' for avsnitt, '
' for overskriften på første nivå osv. Denne tilnærmingen er nødvendig når brukeren trenger å få tilgang til et HTML-element ved hjelp av kodenavnet. direkte i stedet for å søke i flere linjer med kode.
Denne veiledningen vil forklare hele prosedyren for å hente kodenavnet til et HTML-element ved hjelp av JavaScript.
Hvordan hente tag-navnet til et HTML-element ved hjelp av JavaScript?
JavaScript tilbyr skrivebeskyttet ' tagnavn '-egenskapen som viser kodenavnet til det tilsvarende HTML-elementet. Den returnerer en strengverdi, dvs. elementets kodenavn i STORE BOKSTAVER.
Syntaks
element. tagnavn
I syntaksen ovenfor, ' tagnavn ' tilsvarer elementets tagnavn som må hentes.
La oss nå gå videre til den praktiske implementeringen for å sjekke hvordan den kan brukes til å hente kodenavnet til det tilsvarende HTML-elementet.
Eksempel: Bruk av «tagName»-egenskapen for å hente tagnavnet til et HTML-element
I dette eksemplet kan alle elementets tagnavn spesifisert i HTML-koden hentes via ' tagnavn ' eiendom.
HTML-kode
La oss ta en titt på følgende HTML-kode:
< kropp ved trykk = 'elemName()' >< h2 > Hent tagName for HTML-element i JavaScript < / h2 >
< s > Klikk på et hvilket som helst element i dette dokumentet for å få tag-navnet. < / s >
< knapp > Trykk på det < / knapp >
< s id = 'demo' >< / s >
I kodelinjene ovenfor:
- « '-taggen er knyttet til en ' ved trykk ' hendelse som omdirigerer til JavaScript-funksjonen ' elemName() ” som utløses ved et klikk.
- « ”-taggen definerer underoverskriften.
- « ”-taggen oppretter en avsnittssetning.
- «
'-taggen legger til en knapp som heter 'Klikk på den'. - Til slutt, ' '-taggen definerer et tomt avsnitt som har en id ' demo ' for å vise HTML-element-tag-navnet på 'onclick'-hendelsesutløseren.
JavaScript-kode
Gå videre til koden nedenfor:
< manus >funksjon elemnavn ( ) {
konst element = begivenhet. mål ;
dokument. getElementById ( 'demo' ) . indreHTML = «Det klikkede HTML-element-tagnavnet er: » + element. tagnavn ;
}
manus >
I denne kodeblokken:
- Definer en funksjon kalt ' elemName() '.
- I sin definisjon erklærer du variabelen ' element ' av datatype ' konst ' som bruker ' mål ” egenskap for å returnere elementnavnet når den tilknyttede hendelsen utløses.
- Til slutt, bruk ' getElementById() ”-metoden for å få tilgang til avsnittet som er lagt til ved hjelp av id.
- Det vil resultere i visning av kodenavnet til det tilsvarende HTML-elementet ved å bruke ' tagnavn '-egenskapen når 'onclick'-hendelsen utløses.
- Det er slik at ved å klikke på et av elementene i HTML-koden, vil det tilsvarende tagnavnet bli hentet.
Produksjon
Utdataene viser det korresponderende elementtagnavnet der «onclick»-hendelsen utløses tilsvarende.
Konklusjon
JavaScript gir den innebygde ' tagnavn '-egenskap for å hente HTML-element-tagnavnet. Den brukes vanligvis med JavaScript-hendelsesbehandlere som 'onclick', 'onmouseover', 'ondblclick' osv. Når den tilknyttede hendelsen til HTML-elementet utløses, returnerer den tagnavnet med STORE BOKSTAVER som standard. Denne veiledningen har gitt en kort beskrivelse av hvordan du henter kodenavnet til et HTML-element ved hjelp av JavaScript.