Retourner à la page d'accueil de TJS

Propriété : HTMLElement.firstChild

Référence au premier noeud de l'élément dans le DOM

Syntaxe
HTMLElement myElement.firstChild

Compatible tous navigateurs

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

Mon nouveau livre Tout JavaScript chez Dunod

Tout JavaScript le livre chez DunodEn savoir plus
Sortie le 14 novembre 2019

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

Commandez en ligne

Chercher une fonction, un objet, ...

Le 18/09/2020 22:20:46 sur php7 en 26.18 ms