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 | Sí | 9.0 | Sí | Sí |
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 |
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 "