Tarea

Se proporciona una lista de tareas simple en HTML. El objetivo es navegar por la jerarquía del DOM utilizando propiedades como parentNode, childNodes, firstChild, lastChild, previousSibling y nextSibling para comprender su comportamiento y cómo acceden a diferentes nodos.

1. Acceso al nodo padre: Se selecciona el elemento <li> con el ID current-task. Acceder a su elemento padre <ul>;
2. Acceso a todos los nodos hijos: Recuperar todos los nodos hijos, incluidos los nodos de texto (como los espacios en blanco);
3. Acceso al primer y último nodo hijo:
   • Acceder al primer nodo hijo del elemento padre <ul>;
   • Acceder al último nodo hijo del elemento padre <ul>.
4. Navegación entre nodos hermanos:
   • Acceder al nodo hermano anterior de current-task;
   • Acceder al nodo hermano siguiente de current-task.

• Utilizar parentNode para acceder a su elemento padre <ul>.
• Utilizar childNodes en el elemento padre <ul> para recuperar todos los nodos hijos, incluidos los nodos de texto (como los espacios en blanco);
• Utilizar firstChild en el elemento padre <ul> para acceder al primer nodo hijo;
• Utilizar lastChild en el elemento padre <ul> para acceder al último nodo hijo;
• Utilizar previousSibling en current-task para acceder a su nodo hermano anterior;
• Utilizar nextSibling en current-task para acceder a su nodo hermano siguiente.