Hvordan bruke getElementsByTagName -metoden i JavaScript
“getElementBytagName ()”Er den spesifikke DOM -elementmetoden som returnerer alle elementene som er til stede på en webside sammen med tagnavnet. Den aksepterer “Tagnavn”Som et argument og returnerer sin live -samling som dukket opp i hele dokumentet. Live -samlingen betyr at den gir den oppdaterte listen automatisk hvis noen av HTML -elementene vil bli lagt til eller fjernet fra dokumentet.
Denne guiden forklarer hvordan du bruker “getElementsByTagName ()”Metode i JavaScript.
Hvordan bruke metoden “getElementsbytagName ()” i JavaScript?
“getElementBytagName ()”Brukes hovedsakelig for å få tilgang til et bestemt HTML -element via tagnavnet.
Syntaks
var elementer = dokument.getElementsByTagName (tagname);I syntaks ovenfor, "tagname”Tilsvarer elementets tagge som må hentes.
La oss nå bruke "getElementBytagName ()”Metode på forskjellige måter ved hjelp av følgende eksempler.
Eksempel 1: Bruke metoden “getElementsbytagName ()” for å telle ”
”Tagger
I dette eksemplet er antallet “ (avsnitt)
HTML -kode
La oss oversikt Følgende HTML -kode:
Telle avsnitt ved hjelp av getElementsByTagName () -metode
Dette er først avsnitt.
Dette er sekund avsnitt.
Dette er tredje avsnitt.
Dette er fjerde avsnitt.
I ovennevnte HTML -kode:
- “”Uttaler den første underoverskriften.
- “”Tag definerer de angitte avsnitt. Det inkluderer også “”Fet tag for å fet et bestemt ord.
- “”Tag legger til en knapp som har en tilknyttet”ved trykk”Hendelse omdirigerer til funksjonen som heter“telle()”Det vil bli utløst på knappeklikk.
JavaScript -kode
Gå videre til JavaScript -koden:
I kodelinjene ovenfor:
- Definere en funksjon som heter “telle()”.
- I sin definisjon erklærer variabelen “Para”Å få tilgang til de inkluderte avsnittene via“dokument.getElementBytagName ()”Metode.
- Etter det en “varsling”Boks brukes til å vise det totale antallet avsnitt ved hjelp av“lengde”Eiendom.
Produksjon
Som det sees, dukker utgangen opp en "Varslingsboks”Som viser det totale antallet“ Eksempel 2: Bruke metoden “getElementsbytagName ()” for å telle ” ”Tagger I dette eksemplet kan den diskuterte metoden brukes på også, telle " HTML -kode For det første, se på HTML-koden for under levert: Syntaks Arbeider Bruk Betydning Konklusjon I kodelinjene ovenfor: ” JavaScript -kode Neste, oversikt over JavaScript -koden: I ovennevnte JavaScript -kode: Tagger i det nåværende dokumentet ved hjelp av "dokument.getElementBytagName ()”Metode. Produksjon Produksjonen viser det totale antallet i.e., “5”Av HTML -tagrene” Eksempel 3: Bruke metoden “getElementsbytagName ()” for å tilpasse elementene Bortsett fra listen over HTML -elementene, "getElementBytagName ()”Kan også brukes for å tilpasse elementene også. HTML -kode Gå gjennom følgende HTML -kode: Tilpass avsnitt ved hjelp av getElementsByTagName () -metode Dette er førstavsnitt. Dette er sekundavsnitt. Dette er tredjeavsnitt. Dette er fjerdeavsnitt. I ovennevnte HTML -kode: JavaScript -kode Nå, ta en titt på JavaScript -koden: I kodeblokken ovenfor: Produksjon Utgangen viser at den nevnte grensestilen er implementert til alle “ Konklusjon “getElementsByTagName ()”Metode i JavaScript hjelper brukerne til å påkalle live -samlingen av bestemte HTML -elementer basert på tagnavn. Den returnerer den oppdaterte listen over HTML -elementer i tilfelle endring i dokumentet. I tillegg kan det også brukes til å tilpasse det spesifikke HTML -elementinnholdet i henhold til krav på en gang på en gang. Denne guiden demonstrerte fullstendig bruk av “getElementsByTagName ()”Metode i JavaScript.Metode getElementsByTagName ()