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

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 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 6 février 2019

Version papier à 29€90
Format électronique à 21€90.

Commandez en ligne Dunod  Fnac  Amazon

Chercher une fonction, un objet, ...

Le graph des objets Javascript



Chargement
en cours...

Nouveau service en ligne de TJS

cleanMyJS : Détectez toutes les erreurs JavaScript de vos sitescleanMyJS.com
Détectez, enregistrez et analysez toutes les erreurs JavaScript de vos sites
Le 20/02/2019 20:51:18 sur php7 en 74.1 ms