Jak uzyskać dostęp do rodzica „This” w JavaScript?
W tym artykule opisano podejścia do dostępu do rodzica „Ten„W JavaScript.
Jak uzyskać dostęp do rodzica „This” w JavaScript?
Aby uzyskać dostęp do rodzica „Ten„W JavaScript zastosuj następujące podejścia:
- "Parenement" I "Nodename" nieruchomości.
- "ParentNode" I "Lista klas" nieruchomości.
Metoda 1: Dostęp do nadrzędnego „tego” w JavaScript za pomocą właściwości Paretellement i Nodename
„„Parenement„Właściwość pobiera element nadrzędny określonego elementu i„Nodename”Właściwość wyświetla nazwę węzła. Właściwości te można wykorzystać do dostępu do nazwy węzła elementu nadrzędnego odpowiadającego pobieranym elementowi.
Przykład
Poniższy przykład wyjaśnia podaną koncepcję:
Węzeł nadrzędny
Węzeł dziecięcy
Kliknij przycisk, aby zobaczyć element węzła nadrzędnego
W powyższych liniach kodu:
- Obejmują „„Element jako węzeł nadrzędny i przydzielić„„Element jako węzeł dziecięcy, który stwierdził„ID".
- W następnym kroku utwórz przycisk, który wywołuje funkcję „myFunction ()" używając "na kliknięcie" wydarzenie.
- W części kodu JavaScript zdefiniuj funkcję o nazwie „myFunction ()".
- W definicji funkcji „Ten„Obiekt odnosi się do obiektu globalnego i wskazuje dostęp do dostępnego elementu za pośrednictwem„getElementById ()" metoda.
- „„Parenement„Właściwość dostaje element nadrzędny odpowiadający pobieranym elementowi i„Nodename”Zwraca nazwę węzła odpowiadające elementowi nadrzędnemu.
- Na koniec wyświetl nazwę węzła nadrzędnego za pomocą okna dialogowego alertu.
Wyjście
W wyjściu powiadomi się, że nazwa węzła elementu nadrzędnego jest wyświetlana.
Metoda 2: Dostęp do nadrzędnego „this” w JavaScript za pomocą właściwości Parenode i Classlist
„„ParentNode„Właściwość służy do zwrócenia węzła nadrzędnego elementu i„Lista klas„Właściwość zwraca nazwy klas elementu. Podejścia te można wdrożyć, aby zwrócić nazwę klasy pierwszego rodzica odpowiadającego pobieranym elementowi.
Przykład
Przeglądajmy poniżej podany przykład:
To jest strona internetowa Linuxhint
W powyższym bloku kodu:
- Podobnie przydziel elementy rodziców i dzieci o podanych atrybutach.
- W kodzie JavaScript, „getElementById ()„Metoda służy do dostępu do elementu dziecka””Przez to„ID" za pomocą "Ten”Obiekt odpowiednio.
- W następnym kroku kolejny „Ten”Obiekt wskazuje na węzeł nadrzędny pobieranego elementu i uzyskuje goParentNode" nieruchomość.
- Na koniec wyświetl nazwę pierwszej klasy odpowiadającej elementowi nadrzędnemu za pośrednictwem „Lista klas" nieruchomość.
Wyjście
W tym konkretnym wyjściu zwracana jest nazwa klasy elementu nadrzędnego.
Wniosek
Aby uzyskać dostęp do rodzica „Ten”W JavaScript zastosuj połączone„Parenement" I "Nodename„Właściwości lub„ParentNode" I "Lista klas" nieruchomości. Pierwsze podejścia można wdrożyć, aby zwrócić nazwę węzła elementu nadrzędnego odpowiadającego „temu”Ten" obiekt. To ostatnie podejście można zastosować do odpowiednio dostępu do pierwszej klasy elementu nadrzędnego. W tym blogu omówiono podejścia, aby uzyskać dostęp do rodzica „Ten„W JavaScript.