Retourner à la page d'accueil de TJS

Propriété : HTMLElement.parentElement

Pointe vers l'élément HTML parent, c'est-à-dire le contenant

Syntaxe
HTMLElement element.parentElement

Compatible tous navigateurs

Description
Pointe vers l'élément HTML parent de l'élément sur lequel il s'applique, c'est-à-dire le noeud HTML le contenant.

Exemple 1 : Entourer l'élément parent
Code source
<div id="container">
 <div class="fils">Fils 1</div>  
 <div class="fils">Fils 2</div>  
 <div class="fils">Fils 3</div>
 <div class="fils">Fils 4</div>
</div>
<script type="text/javascript">
var fils1 = document.querySelector("div.fils")
var pere = fils1.parentElement;
console.log(pere.id);
pere.style.border="5px solid #000";
</script>
<style type="text/css">
div.fils {
 display: inline-block;
}
</style>

Résultat
Fils 1
Fils 2
Fils 3
Fils 4
Emulation de la console
Explication
Affiche l'identifiant du père du premier fils et l'entoure en noir.

Page en rapport
Introduction au DHTML
Page mise à jour le

Nouvelle édition Tout JavaScript chez Dunod

Tout JavaScript le livre chez DunodEn savoir plus
Sortie le 21 octobre

Version papier à 29€90
Format électronique à 22€99.

Commandez en ligne

Chercher une fonction, un objet, ...

Le 01/12/2020 03:42:11 sur php7 en 60.25 ms