Come accedere al genitore di this in JavaScript?
Questo articolo descriverà gli approcci all'accesso al genitore di "Questo"In JavaScript.
Come accedere al genitore di "this" in JavaScript?
Per accedere al genitore di "Questo"In JavaScript, applica i seguenti approcci:
- "parentelement" E "NODENAME" proprietà.
- "parentele" E "classlist" proprietà.
Metodo 1: accesso al genitore di "this" in JavaScript usando le proprietà di parentelement e nodename
IL "parentelement"La proprietà prende l'elemento genitore dell'elemento specificato e il"NODENAME"La proprietà visualizza il nome del nodo. Queste proprietà possono essere utilizzate per accedere al nome del nodo dell'elemento genitore corrispondente all'elemento recuperato.
Esempio
L'esempio seguente spiega il concetto dichiarato:
Nodo genitore
Nodo figlio
Fai clic sul pulsante per visualizzare l'elemento nodo principale
Nelle righe del codice sopra:
- Includere un ""Elemento come nodo genitore e allocare il""Elemento come un nodo figlio con il dichiarato"id".
- Nel passaggio successivo, crea un pulsante che invoca la funzione "myFunction ()" usando il "al clic"Evento.
- Nella parte JavaScript del codice, definisci una funzione denominata "myFunction ()".
- Nella definizione della funzione, "Questo"L'oggetto si riferisce all'oggetto globale e indica l'elemento accessibile tramite"getElementById ()" metodo.
- IL "parentelement"La proprietà ottiene l'elemento genitore corrispondente all'elemento recuperato e"NODENAME"Restituisce il nome del nodo corrispondente all'elemento genitore.
- Infine, visualizzare il nome del nodo principale tramite una finestra di dialogo di avviso.
Produzione
Nell'output, viene informato che viene visualizzato il nome del nodo dell'elemento genitore.
Metodo 2: accesso al genitore di "this" in JavaScript utilizzando ParentNode e ClassList Properties
IL "parenteleLa proprietà viene utilizzata per restituire il nodo genitore dell'elemento e "classlist"La proprietà restituisce i nomi di classe di un elemento. Questi approcci possono essere implementati per restituire il nome della classe del primo genitore corrispondente all'elemento recuperato.
Esempio
Panoramiamo l'esempio di seguito:
Questo è il sito web Linuxhint
Nel blocco del codice sopra:
- Allo stesso modo, allocare gli elementi genitore e figlio con gli attributi dichiarati.
- Nel codice JavaScript, il "getElementById ()"Il metodo viene utilizzato per accedere all'elemento figlio""Dal suo"id"Usando"Questo"Oggetto, rispettivamente.
- Nel passaggio successivo, un altro "Questo"L'oggetto punta al nodo genitore dell'elemento recuperato e lo accede tramite"parentele" proprietà.
- Infine, visualizza il nome di prima classe corrispondente all'elemento genitore tramite "classlist" proprietà.
Produzione
In questo particolare output, il nome della classe dell'elemento genitore viene restituito.
Conclusione
Per accedere al genitore di "Questo"In JavaScript, applica il combinato"parentelement" E "NODENAME"Proprietà o"parentele" E "classlist" proprietà. I primi approcci possono essere implementati per restituire il nome del nodo dell'elemento genitore corrispondente a "Questo"Oggetto. Quest'ultimo approccio può essere utilizzato per accedere al nome della prima classe dell'elemento genitore di conseguenza. Questo blog ha discusso degli approcci per accedere al genitore di "Questo"In JavaScript.