Como acessar o pai de this em JavaScript?
Este artigo descreverá as abordagens para acessar o pai de “esse”Em JavaScript.
Como acessar o pai de "this" em JavaScript?
Para acessar o pai de “esse”Em JavaScript, aplique as seguintes abordagens:
- ““ParentElement" e "Nodename”Propriedades.
- ““parentnode" e "Lista de classe”Propriedades.
Método 1: Acesso aos pais de "this" em JavaScript usando as propriedades ParentElement e Nodename
O "ParentElement”A propriedade busca o elemento pai do elemento especificado e o“Nodename”Propriedade exibe o nome do nó. Essas propriedades podem ser utilizadas para acessar o nome do nó do elemento pai correspondente ao elemento buscado.
Exemplo
O exemplo abaixo declarado explica o conceito declarado:
Nó pai
Nó da criança
Clique no botão para ver o elemento do nó pai
Nas linhas de código acima:
- Inclua um “”Elemento como um nó pai e alocar o“”Elemento como um nó infantil com o indicado“eu ia”.
- Na próxima etapa, crie um botão que invoca a função “MyFunction ()”Usando o“ONCLICKEvento.
- Na parte JavaScript do Código, defina uma função chamada “MyFunction ()”.
- Na definição da função, “esse”Objeto refere -se ao objeto global e aponta para o elemento acessado através do“getElementById ()”Método.
- O "ParentElement”Propriedade recebe o elemento pai correspondente ao elemento buscado e o“Nodename”Retorna o nome do nó correspondente ao elemento pai.
- Por fim, exiba o nome do nó pai por meio de uma caixa de diálogo alerta.
Saída
Na saída, é notificado que o nome do nó do elemento pai é exibido.
Método 2: Acesso ao pai de "this" em JavaScript usando as propriedades parentnode e Classlist
O "parentnode”A propriedade é usada para devolver o nó pai do elemento, e o“Lista de classe”Propriedade retorna os nomes de classe de um elemento. Essas abordagens podem ser implementadas para retornar o nome da classe do primeiro pai correspondente ao elemento buscado.
Exemplo
Vamos ver o exemplo abaixo do ponto abaixo:
Este é o site Linuxhint
No bloco de código acima:
- Da mesma forma, aloque os elementos pais e filhos tendo os atributos declarados.
- No código JavaScript, o “getElementById ()”O método é usado para acessar o elemento filho“"Por seu"eu ia" usando "esse“Objeto, respectivamente.
- Na próxima etapa, outro “esse”O objeto aponta para o nó pai do elemento buscado e o acessa através do“parentnode" propriedade.
- Por fim, exiba o nome da primeira classe correspondente ao elemento pai através do “Lista de classe" propriedade.
Saída
Nesta saída em particular, o nome da classe do elemento pai é retornado.
Conclusão
Para acessar o pai de “esse”Em JavaScript, aplique o combinado“ParentElement" e "NodenamePropriedades ou as “parentnode" e "Lista de classe”Propriedades. As abordagens anteriores podem ser implementadas para devolver o nome do nó do elemento pai correspondente a “esse”Objeto. A última abordagem pode ser utilizada para acessar o nome da primeira classe do elemento pai de acordo. Este blog discutiu as abordagens para acessar o pai de “esse”Em JavaScript.