Propiedad HTML DOM parentElement
Ejemplo
Obtenga el nombre de nodo del elemento principal de un elemento <li>:
var x = document.getElementById("myLI").parentElement.nodeName;
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
La propiedad parentElement devuelve el elemento principal del elemento especificado.
La diferencia entre parentElement y parentNode es que parentElement devuelve nulo si el nodo principal 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 qué propiedad use, sin embargo, parentNode es probablemente la más popular.
Esta propiedad es de sólo lectura.
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
| Property | |||||
|---|---|---|---|---|---|
| parentElement | 1.0 | Yes | 9.0 | Yes | Yes |
Sintaxis
node.parentElement
Detalles técnicos
| Valor de retorno: | Un objeto Element, que representa el nodo del elemento principal de un nodo, o nulo si el nodo no tiene un elemento principal |
|---|---|
| Versión DOM | Objeto de elemento de nivel 4 de DOM |
Más ejemplos
Ejemplo
Haga clic en un elemento (<span>) para ocultar su elemento principal (<div>):
<div>
<span onclick="this.parentElement.style.display = 'none';">x</span>
</div>