Não entendi como funciona. Alguém poderia explicar?
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!