” rindkopai, “
” pirmā līmeņa virsrakstam utt. Šī pieeja ir nepieciešama, ja lietotājam ir jāpiekļūst HTML elementam pēc tā taga nosaukuma. tieši tā vietā, lai meklētu vairākas koda rindiņas.
Šajā rokasgrāmatā ir izskaidrota visa procedūra HTML elementa taga nosaukuma iegūšanai, izmantojot JavaScript.
Kā iegūt HTML elementa taga nosaukumu, izmantojot JavaScript?
JavaScript piedāvā tikai lasāmu ' tagName ” rekvizītu, kas parāda atbilstošā HTML elementa taga nosaukumu. Tas atgriež virknes vērtību, t.i., elementa taga nosaukumu ar LIELajiem burtiem.
Sintakse
elements. tagName
Iepriekš minētajā sintaksē ' tagName ” atbilst elementa tagu nosaukumiem, kas ir jāienes.
Tagad pāriesim pie tā praktiskā ieviešanas, lai pārbaudītu, kā to var izmantot atbilstošā HTML elementa taga nosaukuma iegūšanai.
Piemērs: rekvizīta “tagName” lietošana, lai iegūtu HTML elementa taga nosaukumu
Šajā piemērā visus elementa tagu nosaukumus, kas norādīti HTML kodā, var iegūt, izmantojot “ tagName ” īpašums.
HTML kods
Apskatīsim šādu HTML kodu:
< ķermenis onclick = 'elementName()' >< h2 > Ienesiet JavaScript elementa taga nosaukumu < / h2 >
< lpp > Noklikšķiniet uz jebkura elementa šajā dokumentā, lai iegūtu tā taga nosaukumu. < / lpp >
< pogu > Noklikšķiniet uz tā < / pogu >
< lpp id = 'demo' >< / lpp >
Iepriekš minētajās koda rindās:
- ' tags ir saistīts ar ' onclick 'notikums, kas novirza uz JavaScript funkciju' elementName() ”, kas tiks aktivizēts ar klikšķi.
- ' ” tags nosaka apakšvirsrakstu.
- ' ” tags izveido rindkopas paziņojumu.
- '
” tags pievieno pogu ar nosaukumu “Click It”. - Visbeidzot, ' tags definē tukšu rindkopu ar ID ' demo ”, lai uz “onclick” notikuma aktivizētāja parādītu HTML elementa taga nosaukumu.
JavaScript kods
Tālāk pārejiet uz tālāk norādīto kodu:
< skripts >funkciju elemName ( ) {
konst elements = notikumu. mērķis ;
dokumentu. getElementById ( 'demo' ) . innerHTML = 'Noklikšķinātā HTML elementa taga nosaukums ir: ' + elements. tagName ;
}
skripts >
Šajā koda blokā:
- Definējiet funkciju ar nosaukumu ' elementName() ”.
- Savā definīcijā deklarējiet mainīgo ' elements ' ar datu tipu ' konst ', kas izmanto ' mērķis ” rekvizītu, lai atgrieztu elementa nosaukumu, kad tiek aktivizēts ar to saistītais notikums.
- Visbeidzot, izmantojiet “ getElementById() ” metode, lai piekļūtu pievienotajai rindkopai, izmantojot tās ID.
- Tā rezultātā tiks parādīts atbilstošā HTML elementa taga nosaukums, izmantojot ' tagName ”, kad tiks aktivizēts notikums “onclick”.
- Tas ir tāds, ka, noklikšķinot uz kāda no elementiem HTML kodā, tiks izgūts atbilstošā taga nosaukums.
Izvade
Izvadē tiek parādīts atbilstošā elementa taga nosaukums, kurā attiecīgi tiek aktivizēts notikums “onclick”.
Secinājums
JavaScript nodrošina iebūvēto ' tagName ” īpašums HTML elementa taga nosaukuma iegūšanai. To parasti izmanto ar JavaScript notikumu apdarinātājiem, piemēram, “onclick”, “onmouseover”, “ondblclick” utt. Kad tiek aktivizēts saistītais HTML elementa notikums, tas pēc noklusējuma atgriež taga nosaukumu ar LIELajiem burtiem. Šajā rokasgrāmatā ir sniegts īss apraksts par to, kā iegūt HTML elementa taga nosaukumu, izmantojot JavaScript.