Référence du DOM JS

Objet Element HTML DOM

firstElementChildPropriété en lecture seule retournant le premier enfant de l'élément parent spécifié. Propriété de firstElementChild du HTML DOM

Si l'élément parent n'a pas d'enfants, cette méthode retourneranullvaleur.

UtilisezchildrenPropriété. La propriété children [0] retourne le même résultat que firstElementChild.

Pour retourner le dernier enfant de l'élément parent spécifié, utilisezlastElementChildPropriété.

Syntaxe :

ParentElement.firstElementChild

<div>
　　　<p>C'est le1un P</p>
　　　<p>C'est le2un P</p>
　　　<p>C'est le3un P</p>
</div>
<script>
var x = document.querySelector("div").firstElementChild.nodeName;
document.getElementById("result").innerHTML = x;
</script>

Compatibilité du navigateur

Tous les navigateurs prennent en charge intégralement la propriété firstElementChild :

Détails techniques

Plus d'exemples

Obtenir le contenu HTML du premier enfant de l'élément DIV :

<div>
　　　<p>C'est le1un P</p>
　　　<p>C'est le2un P</p>
　　　<p>C'est le3un P</p>
</div>
<script>
var x = document.querySelector("div").firstElementChild.textContent;
document.getElementById("result").innerHTML = x;
</script>

Modifier le contenu HTML du premier enfant de l'élément DIV :

var div = document.querySelector("div");
div.firstElementChild.textContent = "HELLO WORLD";

Références associées

Référence HTML DOMpropriété lastElementChild

Objet Element HTML DOM