Comment retourner le dernier nœud enfant d'un élément en JavaScript ?

Il existe plusieurs façons de retourner le dernier nœud enfant d'un élément en JavaScript :

• Utilisation de la propriété lastChild : Cette propriété renvoie le dernier nœud enfant de l'élément spécifié. Si le dernier nœud enfant est un nœud texte vide, cette propriété renverra ce nœud. Pour éviter cela, vous pouvez utiliser la propriété previousSibling pour obtenir le dernier nœud enfant qui n'est pas un nœud texte vide.

Exemple :

const parent = document.getElementById('parent');
const lastChild = parent.lastChild;
console.log(lastChild);

• Utilisation de la méthode childNodes : Cette méthode renvoie une liste de tous les nœuds enfants de l'élément spécifié, y compris les nœuds texte vides. Vous pouvez ensuite utiliser la propriété length pour obtenir le nombre total de nœuds enfants et la propriété item() pour accéder au dernier nœud enfant.

Exemple :

const parent = document.getElementById('parent');
const childNodes = parent.childNodes;
const lastChild = childNodes[childNodes.length - 1];
console.log(lastChild);

• Utilisation de la méthode lastElementChild : Cette méthode renvoie le dernier élément enfant de l'élément spécifié, en ignorant les nœuds texte vides.

Exemple :

const parent = document.getElementById('parent');
const lastChild = parent.lastElementChild;
console.log(lastChild);