チャレンジ：DOM階層をナビゲートする

課題

HTMLで作成されたシンプルなタスクリストを使用。parentNode、childNodes、firstChild、lastChild、previousSibling、nextSiblingなどのプロパティを使って、DOM階層を移動し、それぞれの動作や異なるノードへのアクセス方法を理解する。

1. 親ノードへのアクセス: IDが<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を使い、次の兄弟ノードにアクセス。