Завдання: Навігація Ієрархією DOM

Завдання

У вас є простий список завдань у HTML. Ваша мета — навігувати ієрархією DOM, використовуючи властивості, такі як parentNode, childNodes, firstChild, lastChild, previousSibling та nextSibling, щоб зрозуміти їхню поведінку та способи доступу до різних вузлів.

1. Доступ до батьківського вузла: Вибрано елемент <li> з ідентифікатором current-task. Отримайте його батьківський елемент <ul>;
2. Доступ до всіх дочірніх вузлів: Отримайте всі дочірні вузли, включаючи текстові вузли (наприклад, пробіли);
3. Доступ до першого та останнього дочірнього вузла:
   • Отримайте перший дочірній вузол у батьківському <ul>;
   • Отримайте останній дочірній вузол у батьківському <ul>.
4. Навігація до сусідніх вузлів:
   • Отримайте попередній сусідній вузол для current-task;
   • Отримайте наступний сусідній вузол для current-task.

• Використовуйте parentNode для доступу до батьківського елемента <ul>.
• Використовуйте childNodes на батьківському <ul>, щоб отримати всі дочірні вузли, включаючи текстові вузли (наприклад, пробіли);
• Використовуйте firstChild на батьківському <ul>, щоб отримати перший дочірній вузол;
• Використовуйте lastChild на батьківському <ul>, щоб отримати останній дочірній вузол;
• Використовуйте previousSibling на current-task, щоб отримати попередній сусідній вузол;
• Використовуйте nextSibling на current-task, щоб отримати наступний сусідній вузол.