Propiedad parentNode del Elemento DOM HTML

Definición y uso

parentNode La propiedad devuelve el nodo padre del elemento o nodo, en forma de objeto Node.

Si el nodo especificado no tiene nodo padre, se devuelve null.

El atributo parentNode es de solo lectura.

Véase también:

Atributo childNodes

Atributo firstChild

Atributo lastChild

Atributo nextSibling

Atributo previousSibling

Atributo nodeName

Atributo parentElement

Nodo de HTML y elemento

En HTML DOMen (Modelo de Objetos de Documento) HTML documento es una colección de nodos que tienen (o no tienen) nodos hijos.

NodoSe refiere a nodos de elemento, de texto y de comentario.

ElementoEl espacio en blanco entre ellos también es un nodo de texto.

Mientras que el elemento es solo un nodo de elemento.

Nodo hijo y subelemento

childNodes DevuelveNodo hijonodos de elemento, de texto y de comentario).

children DevuelveSubelementoy no nodos de texto y de comentario).

Hermano y elemento hermano

Hermanoes "hermano" y "hermana".

HermanoSon nodos que tienen el mismo nodo padre (en el mismo childNodes en la lista).

Elemento hermanoSon elementos que tienen el mismo nodo padre (en el mismo children en la lista).

Ejemplo

Ejemplo 1

Obtener el nombre del nodo del padre de "myLI":

let name = document.getElementById("myLI").parentNode.nodeName;

Prueba por tu cuenta

Ejemplo 2

Haga clic en el elemento (<span>) para ocultar su elemento padre:

<div>
  <span onclick="this.parentNode.style.display = 'none';">x</span>
</div>

Prueba por tu cuenta

Sintaxis

element.parentNode

o

node.parentNode

Valor de retorno

Tipo Descripción
Nodo Nodo padre.
null Si el nodo no tiene nodo padre.

Compatibilidad del navegador

element.parentnode es una característica del nivel DOM 1 (1998).

Todos los navegadores lo soportan completamente:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Soporte 9-11 Soporte Soporte Soporte Soporte