Livre
Référence
Tutos
Scripts
Forums
FAQ
Tools
IA
TJS
Référence du JavaScript
HTMLElement
parentElement
Propriété :
HTMLElement
.
parentElement
Pointe vers l'élément HTML parent, c'est-à-dire le contenant
Syntaxe
HTMLElement element.parentElement
Compatible tous navigateurs
Oui
Oui
Oui
Oui
Oui
Oui
Oui
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
25/04/2020
Troisième édition Tout JavaScript chez Dunod
En savoir plus
Sortie le 4 janvier 2023
Version papier 29€90
Format électronique 22€99.
Commandez en ligne
Dunod
Fnac
Amazon
Chercher une fonction, un objet, ...
Le 16/09/2024 17:45:19 sur php 7 en 173.67 ms