” a bekezdésnél, „
” az első szintű címsornál stb. Erre a megközelítésre akkor van szükség, ha a felhasználónak a címke nevével kell elérnie egy HTML-elemet közvetlenül ahelyett, hogy több soros kódot keresne.
Ez az útmutató elmagyarázza a teljes eljárást egy HTML-elem címkenevének JavaScript használatával történő lekéréséhez.
Hogyan lehet lekérni egy HTML-elem címkenevét JavaScript használatával?
A JavaScript csak olvasható ' tagName ” tulajdonság, amely a megfelelő HTML-elem címkenevét jeleníti meg. Egy karakterlánc értéket ad vissza, azaz az elem címke nevét NAGYBETŰVEL.
Szintaxis
elem. tagName
A fenti szintaxisban: ' tagName ” megfelel az elem lekérendő címkeneveinek.
Most térjünk át a gyakorlati megvalósítására, hogy ellenőrizzük, hogyan használható a megfelelő HTML-elem címkenevének lekérésére.
Példa: A „tagName” tulajdonság alkalmazása egy HTML-elem címkenevének lekéréséhez
Ebben a példában a HTML-kódban megadott összes elem címke neve lekérhető a ' tagName ' ingatlan.
HTML kód
Nézzük a következő HTML kódot:
< test kattintásra = 'elemName()' >< h2 > A HTML-elem címkenevének lekérése JavaScriptben < / h2 >
< p > Kattintson a dokumentum bármely elemére a címke nevének megtekintéséhez. < / p >
< gomb > Kattints rá < / gomb >
< p id = 'demó' >< / p >
A fenti kódsorokban:
- A '
' címke egy ''-hez van társítva kattintásra 'esemény átirányítása a JavaScript függvényre' elemName() ”, amely egy kattintásra aktiválódik. - A ' ” címke határozza meg az alcímet.
- A ' ” címke bekezdés utasítást hoz létre.
- A '
” címke hozzáad egy „Click It” nevű gombot. - Végül a „ ' címke egy üres bekezdést határoz meg azonosítóval ' demó ” a HTML elem címke nevének megjelenítéséhez az „onclick” eseményindítónál.
JavaScript kód
Ezután lépjen tovább az alább megadott kódra:
< forgatókönyv >funkció elemName ( ) {
const elem = esemény. cél ;
dokumentum. getElementById ( 'demó' ) . innerHTML = 'A rákattintott HTML-elem címke neve: ' + elem. tagName ;
}
forgatókönyv >
Ebben a kódblokkban:
- Határozzon meg egy '' nevű függvényt elemName() ”.
- Definíciójában deklarálja a ' változót elem ' adattípusú ' const ', amely a ' cél ” tulajdonság visszaadja az elem nevét, amikor a kapcsolódó esemény aktiválódik.
- Végül alkalmazza a „ getElementById() ” metódussal hozzáférhet a hozzáadott bekezdéshez az azonosítójával.
- Ennek eredményeként megjelenik a megfelelő HTML-elem címke neve a „ tagName ” tulajdonság, amikor az „onclick” esemény aktiválódik.
- Ez olyan, hogy a HTML-kód bármely elemére kattintva a megfelelő címkenév kerül leolvasásra.
Kimenet
A kimenet a megfelelő elemcímke nevét mutatja, ahol az „onclick” esemény ennek megfelelően aktiválódik.
Következtetés
A JavaScript biztosítja a beépített ' tagName ” tulajdonság a HTML elem címke nevének lekéréséhez. Általában JavaScript eseménykezelőkkel használják, például „onclick”, „onmouseover”, „ondblclick” stb. Amikor a HTML-elem társított eseménye aktiválódik, alapértelmezés szerint NAGYBETŰVEL adja vissza a címke nevét. Ez az útmutató rövid leírást ad arról, hogyan lehet lekérni egy HTML-elem címkenevét JavaScript használatával.