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 pai
parente = node.parentNode; // Retorna o elemento pai

// 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

Característica Firefox (Gecko) Chrome Internet Explorer Opera Safari
Suporte Básico 1.0 (1.7 or earlier) 0.2 (Yes) (Yes) (Yes)
Característica Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Suporte Básico (Yes) 1.0 (1) (Yes) (Yes) (Yes)

 

Specificações

Veja também

Etiquetas do documento e colaboradores

Etiquetas: 
 Colaboradores desta página: michelsouza, Gutemberg
 Última atualização por: michelsouza,