Parentnode Property i JavaScript

Parentnode Property i JavaScript

“Parentnode”Eiendom gir overordnet node til det spesifiserte elementet eller en node, og det er en skrivebeskyttet eiendom.

Syntaks

I den gitte syntaks:

• “element”Tilsvarer elementet hvis foreldrode skal hentes.

Eksempel 1: Finn foreldroden til elementene
Dette eksemplet vil føre til å hente overordnede noden til den medfølgende overskriften og et bilde innenfor "div”Element.

La oss følge det under-uttalte eksemplet:

Dette er Linuxhint -nettstedet

I ovennevnte kodebit, utfør følgende trinn:

• Spesifiser den oppgitte div med den spesifiserte “id”.
• I de neste trinnene, inneholder "overskrift" og en "bilde”Å ha den spesifiserte”ID -er" innen "div”Element.

La oss gå videre til JavaScript -delen av koden:

>

I ovennevnte kodebit:

• Få tilgang til den medfølgende overskriften og bildet av deres “ID -er" bruker "dokument.getElementById ()”Metode.
• Til slutt, bruk "Parentnode”Eiendom på den inneholdte overskriften og bildet for å vise sin overordnede node.

Produksjon

I outputten kan det observeres at overordnede og overskriften og bildet er logget.

Eksempel 2: Finn overordnede element i det valgte alternativet
Dette eksemplet vil hente overordnet element i alle de inneholdte alternativene på knappeklikk.

La oss følge det under-uttalte eksemplet trinn for trinn:

Velg ett av følgende språk:

Python
Java
JavaScript



Klikk for å få foreldre

>/h3>

I kodelinjene ovenfor:

• Spesifiser “klasse" av "plukke ut”Element.
• I neste trinn, inkluder de uttalte alternativene i elementet i forrige trinn.
• Etter det, lage en “knapp”Med et vedlagt”ved trykk”Hendelse som omdirigerer til funksjonen GetParent ().
• Angi også den oppgitte overskriften med en "id”Å inneholde meldingen med det tilsvarende overordnede elementet på dokumentobjektmodellen (DOM).

La oss fortsette til JavaScript -delen av koden:

• Erklære en funksjon som heter “GetParent ()”.
• I sin definisjon få tilgang til “plukke ut”Element ved hjelp av“dokument.QuerySelector ()”Metode.
• I neste trinn, bruk "SelectedIndex”Eiendom for å returnere det valgte alternativets indeks i en rullegardinliste.
• Etter det får du tilgang til den tildelte overskriften for å vise overordnet element ved å bruke “dokument.getElementById ()”Metode.
• Til slutt, bruk "indrehtml”Eiendom kombinert med“Parentnode.Nodenavn”For å få navnet på overordnet element.

I den videre delen, stil de uttalte elementene og justere dimensjonene deres:

Produksjon

I outputten kan det observeres at overordnet element i hvert av de valgte alternativene blir hentet.

Konklusjon

“Parentnode”Eiendom returnerer overordnede noden til det spesifiserte elementet eller det tilsvarende overordnede elementet i JavaScript. Foreldreknuten til elementet kan hentes ved å bruke “Parentnode”Eiendom direkte. Foreldreelementet kan hentes ved å bruke “Parentnode.Nodenavn”Eiendom på det valgte alternativet. Denne opplæringen forklarte bruken av parentnodeegenskapen i JavaScript.