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!