Propriété HTML DOM parentElement
Exemple
Obtenez le nom de nœud de l'élément parent d'un élément <li> :
var x = document.getElementById("myLI").parentElement.nodeName;
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
La propriété parentElement renvoie l'élément parent de l'élément spécifié.
La différence entre parentElement et parentNode , est que parentElement renvoie null si le nœud parent n'est pas un nœud d'élément :
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)
Dans la plupart des cas, peu importe la propriété que vous utilisez, cependant, parentNode est probablement la plus populaire.
Cette propriété est en lecture seule.
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la propriété.
Property | |||||
---|---|---|---|---|---|
parentElement | 1.0 | Yes | 9.0 | Yes | Yes |
Syntaxe
node.parentElement
Détails techniques
Valeur de retour : | Un objet Element, représentant le nœud d'élément parent d'un nœud, ou null si le nœud n'a pas de parent |
---|---|
Version DOM | Objet élément DOM niveau 4 |
Plus d'exemples
Exemple
Cliquez sur un élément (<span>) pour masquer son élément parent (<div>) :
<div>
<span onclick="this.parentElement.style.display = 'none';">x</span>
</div>