Hvordan få tilgang til foreldre til “dette” i JavaScript?
Denne artikkelen vil beskrive tilnærmingene til å få tilgang til foreldrene til “dette”I JavaScript.
Hvordan få tilgang til foreldrene til “dette” i JavaScript?
For å få tilgang til foreldre til “dette”I JavaScript, bruk følgende tilnærminger:
- “ParentElement”Og“Nodenavn" egenskaper.
- “Parentnode”Og“Klasseliste" egenskaper.
Metode 1: Tilgang til foreldrene til “dette” i JavaScript ved hjelp av ParentElement and NodeName Properties
“ParentElement”Eiendom henter overordnede element i det spesifiserte elementet, og“Nodenavn”Eiendom viser nodenavnet. Disse egenskapene kan brukes til å få tilgang til nodenavnet til overordnet element som tilsvarer det hentet elementet.
Eksempel
Det under-uttalte eksemplet forklarer det uttalte konseptet:
Overordnet node
Barneknute
Klikk på knappen for å se overordnet nodeelement
I kodelinjene ovenfor:
- Inkluderer en "”Element som overordnede node og tildel“”Element som barneknute som har det oppgitt“id”.
- I neste trinn lager du en knapp som påkaller funksjonen "MyFunction ()" bruker "ved trykk" begivenhet.
- I JavaScript -delen av koden, definerer du en funksjon som heter “MyFunction ()”.
- I funksjonsdefinisjonen, “dette”Objekt refererer til det globale objektet og peker på det tilgjengelige elementet via“getElementById ()”Metode.
- “ParentElement”Eiendom får overordnede element som tilsvarer det hentede elementet, og“Nodenavn”Returnerer nodenavnet som tilsvarer overordnede element.
- Til slutt kan du vise foreldrnute -navnet via en våken dialogboks.
Produksjon
I utgangen var det beskjed om at nodenavnet til overordnede element vises.
Metode 2: Tilgang til foreldre til “dette” i JavaScript ved hjelp av parentnode og klasselisteegenskaper
“Parentnode”Eiendom brukes til å returnere overordnet node til elementet, og“Klasseliste”Eiendom returnerer klassens navn på et element. Disse tilnærmingene kan implementeres for å returnere klassenavnet til den første overordnet som tilsvarer det hentet elementet.
Eksempel
La oss oversikt over det under-uttalte eksemplet:
Dette er Linuxhint -nettstedet
I kodeblokken ovenfor:
- Tildele foreldre- og barneelementene som har de uttalte attributtene.
- I JavaScript -koden, "getElementById ()”Metode brukes for å få tilgang til barnelementet””Av dets“id" ved hjelp av "dette”Objekt, henholdsvis.
- I neste trinn, en annen “dette”Objekt peker på overordnet node til det hentede elementet og får tilgang til det via“Parentnode”Eiendom.
- Til slutt kan du vise førsteklasses navn som tilsvarer overordnede elementet via "Klasseliste”Eiendom.
Produksjon
I denne spesielle utgangen returneres klassenavnet til overordnede elementet.
Konklusjon
For å få tilgang til foreldrene til “dette”I JavaScript, bruk det kombinerte“ParentElement”Og“Nodenavn”Egenskaper eller“Parentnode”Og“Klasseliste" egenskaper. De tidligere tilnærmingene kan implementeres for å returnere nodenavnet til overordnede element som tilsvarer “dette”Objekt. Den sistnevnte tilnærmingen kan brukes til å få tilgang til førsteklassenavnet til overordnet element deretter. Denne bloggen diskuterte tilnærmingene for å få tilgang til foreldrene til “dette”I JavaScript.