Node.parentNode

Node.parentNode é uma propriedade DOM somente leitura que retorna o nó (node) parente de um Node referenciado na árvore DOM. É extremamente aconselhável que você conheça a estrutura DOM para um melhor estudo e aprendizado.

Syntax

parentNode = node.parentNode

parentNode é o node parente do node referenciado. O parente de um elemento é um Element node, um Document node, ou um DocumentFragment node. Será muito complicado entender tudo isso sem conhecer a estrutura DOM e seus Elements.

Exemplo

// Exemplo de como obter um elemento parente
parente = node.parentNode; // Retorna o elemento parente

// Obtém o primeiro <li> de uma lista
var li = document.getElementsById('li-first');
// A partir do <li> obtido, obtém o element <ul>
var ul = li.parentNode;

// Estrutura com parágrafos dentro de uma div
var p = document.getElementsByTagName('p');
var div = p[0].parentNode;

if (node.parentNode) {
  // remove um node da árvore (estrutura) DOM, a menos que 
  // ele já não exista não estrutura
  node.parentNode.removeChild(node);
}

Notas

Document e DocumentFragment nodes nunca podem ter um node parent, sendo assim parentNode sempre retornará null. Também retornará null se o node já tiver sido criado e não ainda não estiver anexado à estrutura DOM.

Compatibilidade entre Browsers

Specificações

• DOM nível 2 Core: Node.parentNode
• DOM nível 3 Core: Node.parentNode

Veja também

• Node.firstChild
• Node.lastChild
• Node.childNodes
• Node.nextSibling
• Node.previousSibling
• Node.removeChild