Propriété parentElement de l'élément HTML DOM

Définition et utilisation

parentElement retournent l'élément parent de l'élément spécifié.

parentElement et parentNode diffère en ce que si le nœud parent n'est pas un nœud d'élément, alors parentElement retourne null:

document.body.parentNode; // retourne l'élément <html>
document.body.parentElement; // retourne l'élément <html>
document.documentElement.parentNode; // retourne le nœud de document
document.documentElement.parentElement; // retourne null (<html> n'a pas de nœud ELEMENT parent)

Dans la plupart des cas, l'attribut utilisé n'a pas d'importance, mais parentNode peut être le plus populaire.

cette propriété est en lecture seule.

HTML nœud et élément

dans HTML DOMdans le (Document Object Model), un document HTML est un ensemble de nœuds (ou sans) qui ont des nœuds enfants.

nœudse réfère aux nœuds d'élément, de texte et de commentaire.

élémentles espaces entre eux sont également des nœuds de texte.

les éléments ne sont que des nœuds d'élément.

fils et éléments fils

childNodes retournefils（nœuds d'élément, nœuds de texte et nœuds de commentaire）.

children retournefils（pas les nœuds de texte et de commentaire）.

frère et frère d'élément

frèreest le "frère" et la "sœur".

frèresont des nœuds qui ont le même nœud parent (dans le même childNodes de la liste).

frère d'élémentsont des éléments qui ont le même nœud parent (dans le même children de la liste).

Exemple

Exemple 1

Obtenir le nom du nœud de l'élément parent de l'élément <li> :

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

Essayez-le vous-même

Exemple 2

Cliquez sur l'élément (<span>) pour cacher son élément parent (<div>):

<div>
  <span onclick="this.parentElement.style.display = 'none';">x</span>
</div>

Essayez-le vous-même

Syntaxe

node.parentElement

Valeur de retour

Type Description
Objet Element représente le nœud parent de l'élément.
null si le nœud n'a pas de nœud parent.

Compatibilité du navigateur

element.parentElement C'est une caractéristique du niveau DOM 3 (2004).

Tous les navigateurs le supportent pleinement :

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Support 9-11 Support Support Support Support