Exemple
Obtenez le nom de noeud de l'élément parent d'un <li> élément:
var x = document.getElementById("myLI").parentElement.nodeName;Le résultat de x sera:
UL Essayez vous - même » Plus "Try it Yourself" - "Try it Yourself" exemples 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 noeud parent 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, il n'a pas d'importance propriété que vous utilisez, cependant, parentNode est probablement le plus populaire.
Cette propriété est en lecture seule.
Support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge entièrement la propriété.
| Propriété | |||||
|---|---|---|---|---|---|
| parentElement | 1.0 | Oui | 9.0 | Oui | Oui |
Syntaxe
node .parentElementDétails techniques
| Valeur de retour: | Un objet Element, représentant le noeud d'élément parent d'un noeud, ou null si le nœud n'a pas de parent |
|---|---|
| version DOM | Objet DOM Niveau 4 Élément |
autres exemples
Exemple
Cliquez sur un élément (<span>) pour cacher son élément parent (<div>) :
<div>
<span onclick="this.parentElement.style.display =
'none';">x</span>
</div> Essayez vous - même »