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

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 08/12/2023 04:01:47 sur php 7 en 57.74 ms