Proprietà parenternode in javascript

Proprietà parenternode in javascript

IL "parentele"La proprietà fornisce il nodo genitore dell'elemento specificato o di un nodo ed è una proprietà di sola lettura.

Sintassi

Nella sintassi data:

• "elemento"Corrisponde all'elemento il cui nodo genitore deve essere recuperato.

Esempio 1: trova il nodo genitore degli elementi
Questo esempio porterà a recuperare il nodo genitore dell'intestazione inclusa e un'immagine all'interno del "div"Elemento.

Seguiamo l'esempio di seguito:

Questo è il sito web Linuxhint

Nel frammento di codice sopra, eseguire i seguenti passaggi:

• Specificare il div indicato con il specificato "id".
• Nei passaggi successivi, contenere il "intestazione" e un "Immagine"Avere il specificato"id"All'interno del"div"Elemento.

Passiamo alla parte JavaScript del codice:

>

Nel frammento di codice sopra:

• Accedi all'intestazione e all'immagine inclusi con "id" usando il "documento.getElementById ()" metodo.
• Infine, applica il "parentele"Proprietà sull'intestazione e l'immagine contenuta per visualizzare il nodo genitore.

Produzione

Nell'output sopra, si può osservare che il nodo genitore sia dell'intestazione che dell'immagine sono registrati.

Esempio 2: trova l'elemento genitore dell'opzione selezionata
Questo esempio recupererà l'elemento genitore di tutte le opzioni contenute al clic del pulsante.

Seguiamo l'esempio seguente passo dopo passo:

Seleziona una delle seguenti lingua:

Pitone
Giava
JavaScript



Clicca per ottenere il genitore

>/H3>

Nelle righe di codice sopra:

• Specificare la "classe"Del"Selezionare"Elemento.
• Nel passaggio successivo, includere le opzioni indicate all'interno dell'elemento nel passaggio precedente.
• Dopodiché, crea un "pulsante"Con un attaccato"al clic"Reindirizzamento dell'evento alla funzione getParent ().
• Inoltre, specifica l'intestazione dichiarata con un "id"Per contenere il messaggio con l'elemento genitore corrispondente sul modello Oggetto Documento (DOM).

Continuiamo alla parte JavaScript del codice:

• Dichiarare una funzione denominata "getparent ()".
• Nella sua definizione, accedi al "SelezionareElemento "usando il"documento.QuerySelector ()" metodo.
• Nel passaggio successivo, applica il "SelectedIndex"Proprietà per restituire l'indice dell'opzione selezionata in un elenco a discesa.
• Successivamente, accedi all'intestazione allocata per la visualizzazione dell'elemento genitore usando "documento.getElementById ()" metodo.
• Infine, applica il “Innerhtml"Proprietà combinata con il"parentele.NODENAME"Per ottenere il nome dell'elemento genitore.

Nella parte ulteriormente, stile gli elementi dichiarati e regola le loro dimensioni:

Produzione

Nell'output sopra, si può osservare che viene recuperato l'elemento genitore di ciascuna delle opzioni selezionate.

Conclusione

IL "parentele"La proprietà restituisce il nodo genitore dell'elemento specificato o l'elemento genitore corrispondente stesso in JavaScript. Il nodo genitore dell'elemento può essere recuperato applicando il "parentele"Proprietà direttamente. L'elemento genitore può essere recuperato applicando il "parentele.NODENAME"Proprietà sull'opzione selezionata. Questo tutorial ha spiegato l'uso della proprietà parentnode in javascript.