Propriedade ParentNode em JavaScript

Propriedade ParentNode em JavaScript

O "parentnode”A propriedade fornece ao nó pai do elemento especificado ou de um nó e é uma propriedade somente leitura.

Sintaxe

Na sintaxe dada:

• ““elemento”Corresponde ao elemento cujo nó pai deve ser buscado.

Exemplo 1: encontre o nó pai dos elementos
Este exemplo levará a buscar o nó pai do cabeçalho incluído e uma imagem no “div" elemento.

Vamos seguir o exemplo abaixo do momento:

Este é o site Linuxhint

No trecho de código acima, execute as seguintes etapas:

• Especifique a div declarada com o especificado “eu ia”.
• Nas próximas etapas, contenha o “cabeçalho" e um "imagem”Tendo o especificado“Id's" dentro do "div" elemento.

Vamos para a parte JavaScript do código:

>

No trecho de código acima:

• Acesse o cabeçalho e a imagem incluídos por seus “Id's”Usando o“documento.getElementById ()”Método.
• Finalmente, aplique o “parentnodePropriedade sobre o cabeçalho e a imagem contidos para exibir o nó dos pais.

Saída

Na saída acima, pode -se observar que o nó pai do cabeçalho e da imagem são registrados.

Exemplo 2: encontre o elemento pai da opção selecionada
Este exemplo recuperará o elemento pai de todas as opções contidas no botão Clique.

Vamos seguir o exemplo abaixo do exemplo passo a passo:

Selecione um dos seguintes idiomas:

Pitão
Java
JavaScript



Clique para obter pai

>/h3>

Nas linhas acima do código:

• Especifique o "aula" do "Selecione" elemento.
• Na próxima etapa, inclua as opções declaradas dentro do elemento na etapa anterior.
• Depois disso, crie um “botão”Com um anexo“ONCLICK”Evento redirecionando para a função getParent ().
• Além disso, especifique o cabeçalho declarado com um “eu ia”Para conter a mensagem com o elemento pai correspondente no modelo de objeto de documento (DOM).

Vamos continuar até a parte JavaScript do Código:

• Declare uma função chamada “getParent ()”.
• Em sua definição, acesse o “Selecione”Elemento usando o“documento.QuerySelector ()”Método.
• Na próxima etapa, aplique o “SelectedIndex”Propriedade para retornar o índice da opção selecionada em uma lista suspensa.
• Depois disso, acesse o cabeçalho alocado para exibir o elemento pai usando o “documento.getElementById ()”Método.
• Por fim, aplique o “Innerhtml”Propriedade combinada com o“parentnode.Nodename”Para obter o nome do elemento pai.

Na parte adicional, estilize os elementos declarados e ajuste suas dimensões:

Saída

Na saída acima, pode -se observar que o elemento pai de cada uma das opções selecionadas é recuperado.

Conclusão

O "parentnode”Propriedade retorna o nó pai do elemento especificado ou o próprio elemento pai correspondente em JavaScript. O nó pai do elemento pode ser buscado aplicando o “parentnodePropriedade diretamente. O elemento pai pode ser recuperado aplicando o “parentnode.Nodename”Propriedade na opção selecionada. Este tutorial explicou o uso da propriedade ParentNode em JavaScript.