Resumo : neste tutorial, você aprenderá como obter o nó pai de um elemento usando o parentNodeatributo JavaScript do Nodeobjeto.
Introdução ao atributo parentNode
Para obter o nó pai de um nó especificado na árvore DOM, você usa a parentNodepropriedade:
let parent = node.parentNode;Linguagem de código: JavaScript ( javascript )O parentNodeé somente leitura.
Os nós Documente DocumentFragmentnão têm pai. Portanto, parentNodesempre será null.
Se você criar um novo nó, mas não o anexar à árvore DOM, o valor parentNodedesse nó também será null.
Exemplo de JavaScript parentNode
Veja o seguinte documento HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript parentNode</title>
</head>
<body>
<div id="main">
<p class="note">This is a note!</p>
</div>
<script>
let note = document.querySelector('.note');
console.log(note.parentNode);
</script>
</body>
</html>
Linguagem de código: HTML, XML ( xml )A imagem a seguir mostra a saída no Console:
Como funciona:
- Primeiro, selecione o elemento com a
.noteclasse usando oquerySelector()método. - Segundo, encontre o nó pai do elemento.
Resumo
- O
node.parentNoderetorna o nó pai somente leitura de um nó especificado ounullse ele não existir. - O
documenteDocumentFragmentnão possui um nó pai.
Anterior
Próximo
