Não entendi como funciona. Alguém poderia explicar?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Não entendi como funciona. Alguém poderia explicar?
Olá, Victoria! Tudo bem?
Em JavaScript, o parentNode (que se traduzirmos literalmente significa "nó pai") é uma propriedade de um objeto do tipo Node, que representa um nó em uma árvore de elementos HTML, essa propriedade é utilizada para acessar o nó pai de um elemento.
Por exemplo, se você tem um elemento <p> em um elemento <div>, o parentNode do elemento <p> seria o elemento <div>. Ou seja, <div> é o nó pai de <p>. Abaixo apresento em código esse exemplo.
<div id="pai">
<p id="filho">Olá, mundo!</p>
</div>
<script>
let filho = document.getElementById("filho");
let pai = filho.parentNode;
console.log(pai.id); // "pai"
</script>Resultado:
"pai"No exemplo acima, o método getElementById é utilizado para selecionar o elemento
com o id "filho". Em seguida, o método parentNode é utilizado para selecionar o elemento pai (com o id "pai") e armazenado na variável "pai". Por fim, é exibido no console o id do elemento pai.
Espero ter lhe ajudado. Em caso de dúvidas estou à disposição.
Não hesite em voltar ao fórum para continuar aprendendo e interagindo com a comunidade.
Abraços e bons estudos!