Los últimos tutoriales de desarrollo web
 

HTML DOM parentElement Propery

<Elemento de objeto

Ejemplo

Recibe el nombre de nodo del elemento padre de un <li> elemento:

var x = document.getElementById("myLI").parentElement.nodeName;

El resultado de x será:

UL
Inténtalo tú mismo "

Más "Try it Yourself" ejemplos a continuación.


Definición y Uso

La propiedad parentElement devuelve el elemento padre del elemento especificado.

La diferencia entre parentElement y parentNode , es que parentElement devuelve null si el nodo padre no es un nodo de elemento:

document.body.parentNode; // Returns the <html> element
document.body.parentElement; // Returns the <html> element

document.documentElement.parentNode; // Returns the Document node
document.documentElement.parentElement; // Returns null (<html> does not have a parent ELEMENT node)

En la mayoría de los casos, no importa que la propiedad se utiliza, sin embargo, parentNode es probablemente el más popular.

Esta propiedad es de solo lectura.


Soporte del navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.

Propiedad
parentElement 1.0 9.0

Sintaxis

node .parentElement

Detalles técnicos

Valor de retorno: Un objeto Element, que representa el nodo de elemento padre de un nodo, o null si el nodo no tiene padre
Versión DOM DOM Nivel 4 Elemento de objetos

Ejemplos

Más ejemplos

Ejemplo

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

<div>
  <span onclick="this.parentElement.style.display = 'none';">x</span>
</div>
Inténtalo tú mismo "

<Elemento de objeto