Tâche

Vous disposez d'une simple liste de tâches en HTML. L'objectif est de naviguer dans la hiérarchie du DOM en utilisant des propriétés telles que parentNode, childNodes, firstChild, lastChild, previousSibling et nextSibling afin de comprendre leur comportement et la manière dont elles accèdent aux différents nœuds.

1. Accéder au nœud parent : L'élément <li> avec l'identifiant current-task est sélectionné. Accéder à son élément parent <ul> ;
2. Accéder à tous les nœuds enfants : Récupérer tous les nœuds enfants, y compris les nœuds de texte (comme les espaces blancs) ;
3. Accéder au premier et au dernier nœud enfant :
   • Accéder au premier nœud enfant du parent <ul> ;
   • Accéder au dernier nœud enfant du parent <ul>.
4. Naviguer vers les nœuds frères :
   • Accéder au nœud frère précédent de current-task ;
   • Accéder au nœud frère suivant de current-task.

• Utiliser parentNode pour accéder à son élément parent <ul>.
• Utiliser childNodes sur le parent <ul> pour récupérer tous les nœuds enfants, y compris les nœuds de texte (comme les espaces blancs) ;
• Utiliser firstChild sur le parent <ul> pour accéder au premier nœud enfant ;
• Utiliser lastChild sur le parent <ul> pour accéder au dernier nœud enfant ;
• Utiliser previousSibling sur current-task pour accéder à son nœud frère précédent ;
• Utiliser nextSibling sur current-task pour accéder à son nœud frère suivant.