Retourner ' la page d'accueil de TJSRetourner ' 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

Troisième édition Tout JavaScript chez Dunod

Tout JavaScript le livre chez DunodEn savoir plus
Sortie le 4 janvier 2023

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

Commandez en ligne

Chercher une fonction, un objet, ...

Le 25/04/2024 04:05:24 sur php 7 en 45.33 ms