Attribut lastElementChild de l'élément HTML DOM

Définition et utilisation

lastElementChild L'attribut retourne le dernier élément enfant de l'élément.

lastElementChild Les attributs sont en lecture seule.

Veuillez également consulter :

Attribut children

Attribut firstElementChild

Attribut childElementCount

Attribut tagName

Attribut childNodes

Nœuds HTML et éléments

Dans HTML DOMDans le (Document Object Model), un document HTML est un ensemble de nœuds (ou sans nœuds enfants).

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

É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 RetourneEnfant（Nœud d'élément, nœud de texte et nœud de commentaire）.

children RetourneEnfant（Au lieu de nœuds de texte et de nœuds de commentaire）.

firstChild et firstElementChild

firstChild Retourne le premierEnfant（Nœud d'élément, nœud de texte ou nœud de commentaire）. Les espaces entre les éléments sont également des nœuds de texte.

firstElementChild Retourne le premierEnfant（Ne retourne pas les nœuds de texte et les nœuds de commentaire）.

lastChild et lastElementChild

lastChild Retourne le dernierEnfant（Nœud d'élément, nœud de texte ou nœud de commentaire）. Les espaces entre les éléments sont également des nœuds de texte.

lastElementChild Retourne le dernierEnfant（Ne retourne pas les nœuds de texte et les nœuds de commentaire）.

Exemple

Exemple 1

Obtenir le contenu HTML de l'élément enfant le plus récent de l'élément <ul> :

const element = document.getElementById("myList")
let html = element.lastElementChild.innerHTML;

Essayez-le vous-même

Exemple 2

Obtenir le nom de balise de l'élément enfant le plus récent de l'élément <div> :

const element =document.getElementById("myDIV")
let tag = element.lastElementChild.tagName;

Essayez-le vous-même

Exemple 3

Obtenir le texte de l'élément enfant le plus récent de l'élément <select> :

const element = document.getElementById("mySelect")
let text = element.lastElementChild.text;

Essayez-le vous-même

Syntaxe

element.lastElementChild

Valeur de retour

Type Description
Nœud L'élément enfant le plus récent.
null S'il n'y a pas d'enfant.

Support du navigateur

element.lastElementChild C'est une caractéristique de DOM Level 3 (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