Livre
Référence
Tutos
Scripts
Forums
FAQ
Tools
IA
TJS
Référence du JavaScript
HTMLElement
firstChild
Propriété :
HTMLElement
.
firstChild
Référence au premier noeud de l'élément dans le DOM
Syntaxe
HTMLElement myElement.firstChild
Compatible tous navigateurs
Oui
Oui
Oui
Oui
Oui
Oui
Oui
Description
firstChild
contient une référence au premier noeud du DOM sur le
HTMLElement
myElement
.
La référence au dernier noeud est très logiquement accessible par
lastChild
.
Equivalent dans d'autres langages
Equivalent en
jQuery
à
$.first()
:
Réduit la sélection au premier élément.
Exemple 1 : Mise à jour de classe des premiers et derniers noeuds
Code source
<style
type=
"text/css"
>
.coloration
{
background
-color
:
#e0e
;
}
</style>
<div
id=
"myDiv"
>
<p>
Premier noeud : un paragraphe
</p>
<p>
Autre noeud
</p>
<div>
Dernier noeud : un div
</div>
</div>
<script>
document
.
getElementById
(
"myDiv"
).
firstChild
.
className
=
"coloration"
;
document
.
getElementById
(
"myDiv"
).
lastChild
.
className
=
"coloration"
;
</script>
Résultat
Premier noeud : un paragraphe
Autre noeud
Dernier noeud : un div
Emulation de la console
Explication
Affecte une classe au premier et dernier noeud de
#myDiv
.
Page en rapport
Introduction au DHTML
Page mise à jour le
17/08/2017
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 graph des objets Javascript
Chargement
en cours...
Le 01/05/2025 08:22:01 sur php 7 en 42.65 ms