Właściwość nadrzędna w JavaScript

Właściwość nadrzędna w JavaScript

„„ParentNode”Właściwość podaje węzeł nadrzędny określonego elementu lub węzła i jest to właściwość tylko do odczytu.

Składnia

W podanej składni:

• "element”Odpowiada elementowi, którego węzeł nadrzędny ma zostać pobrany.

Przykład 1: Znajdź węzeł nadrzędny elementów
Ten przykład doprowadzi do pobrania węzła nadrzędnego dołączonego nagłówka i obrazu w „div" element.

Śledźmy poniżej podanego przykładu:

To jest strona internetowa Linuxhint

W powyższym fragmencie kodu wykonaj następujące kroki:

• Określ wyznaczoną div z określonym „ID".
• W następnych krokach zawieraj „nagłówek”I„obraz„Posiadanie określonego„Id's”W„ „div" element.

Przejdźmy do części kodu JavaScript:

>

W powyższym fragmencie kodu:

• Uzyskaj dostęp do dołączonego nagłówka i obrazu przez ich „Id's" używając "dokument.getElementById ()" metoda.
• Na koniec zastosuj „ParentNode„Właściwość na zawartym nagłówku i obrazie, aby wyświetlić swój węzeł nadrzędny.

Wyjście

W powyższym wyjściu można zaobserwować, że węzeł nadrzędny zarówno nagłówka, jak i obrazu jest rejestrowany.

Przykład 2: Znajdź element nadrzędny wybranej opcji
Ten przykład odzyska element nadrzędny wszystkich zawartych opcji po kliknięciu przycisku.

Śledźmy poniżej wygłoszonego przykładu krok po kroku:

Wybierz jeden z następujących języków:

Pyton
Jawa
JavaScript



Kliknij, aby zdobyć rodzica

>/h3>

W powyższych wierszach kodu:

• Określić "klasa”wybierać" element.
• W następnym kroku dołącz podane opcje w elemencie w poprzednim kroku.
• Następnie stwórz „przycisk”Z załączonym„na kliknięcie„Przekierowanie zdarzeń do funkcji getParent ().
• Podaj także podane nagłówek „ID„Aby zawierać komunikat z odpowiednim elementem nadrzędnym w modelu obiektu Dokument (DOM).

Kontynuujmy do części kodu JavaScript:

• Deklaruj funkcję o nazwie „GetParent ()".
• W swojej definicji uzyskaj dostęp do „wybierać”Element za pomocą„dokument.QuerySelelect ()" metoda.
• W następnym kroku zastosuj „wybraneIndex„Właściwość, aby zwrócić indeks wybranej opcji na liście rozwijanej.
• Następnie dostęp do przydzielonego nagłówka do wyświetlania elementu nadrzędnego za pomocą „dokument.getElementById ()" metoda.
• Na koniec zastosuj „InnerHtml„Nieruchomość w połączeniu z„ParentNode.Nodename„Aby uzyskać nazwę elementu nadrzędnego.

W kolejnej części ukieruj się podane elementy i dostosuj ich wymiary:

Wyjście

W powyższym wyjściu można zaobserwować, że element nadrzędny każdej z wybranych opcji jest pobierany.

Wniosek

„„ParentNode”Właściwość zwraca węzeł nadrzędny określonego elementu lub odpowiedni element nadrzędny w JavaScript. Węzeł nadrzędny elementu można pobrać, stosując „ParentNode„Własność bezpośrednio. Element nadrzędny można odzyskać, stosując „ParentNode.Nodename„Własność na wybranej opcji. W tym samouczku wyjaśniono użycie właściwości rodzicielskiej w JavaScript.