HTML DOM Element firstElementChild attribut

Définition et utilisation

firstElementChild L'attribut retourne le premier élément fils de l'élément spécifié.

firstElementChild L'attribut est en lecture seule.

firstElementChild L'attribut retourne avec children[0] mêmes valeurs.

Veuillez également consulter :

children attribut

childElementCount attribut

lastElementChild attribut

Propriété tagName

Propriété childNodes

Exemple

Exemple 1

Obtenir le contenu HTML du premier élément enfant :

let text = element.firstElementChild.innerHTML;

Essayez-le vous-même

Exemple 2

Obtenir le nom de l'étiquette du premier élément enfant de "myDIV" :

let text = document.getElementById("myDIV").firstElementChild.tagName;

Essayez-le vous-même

Exemple 3

Obtenir le texte de l'élément enfant de premier niveau du <select> :

let text = document.getElementById("mySelect").firstElementChild.text;

Essayez-le vous-même

Nœuds HTML et éléments

Dans HTML DOMDans (Document Object Model), le document HTML est un ensemble de nœuds (ou sans nœuds) qui possèdent (ou ne possèdent pas) des enfants.

NœudIl s'agit des nœuds d'élément, de texte et de commentaire (commentaires).

ÉlémentLes espaces entre eux sont également des nœuds de texte.

Et les éléments ne sont que des nœuds d'élément.

Nœuds et éléments enfants

childNodes RetourneNœudLes éléments, les nœuds de texte et les nœuds de commentaire (commentaires).

children RetourneEnfantNe retourne pas les nœuds de texte et les nœuds de commentaire (commentaires).

firstChild et firstElementChild

firstChild Retourne le premierNœudLes éléments, les nœuds de texte ou les nœuds de commentaire (commentaires). Les espaces entre les éléments sont également des nœuds de texte.

firstElementChild Retourne le premierEnfantNe retourne pas les nœuds de texte et les nœuds de commentaire (commentaires).

lastChild et lastElementChild

lastChild Retourne le dernierNœudLes éléments, les nœuds de texte ou les nœuds de commentaire (commentaires). Les espaces entre les éléments sont également des nœuds de texte.

lastElementChild Retourne le dernierEnfantNe retourne pas les nœuds de texte et les nœuds de commentaire (commentaires).

Syntaxe

element.firstElementChild

Valeur de retour

Type Description
Node Le premier élément enfant de l'élément. Si il n'y a pas d'enfant, il retourne null.

Support du navigateur

element.firstElementChild C'est une caractéristique du niveau 3 du DOM (2004).

Tous les navigateurs le supportent complètement :

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Support 9-11 Support Support Support Support