dom_dom0200_006

以下のコードにおいて、<li>要素同士はどの関係にありますか。

[ html ]

<ul>
  <li id="a">A</li>
  <li id="b">B</li>
</ul>
  1. 親ノード
  2. 子ノード
  3. 兄弟ノード
  4. ルートノード
正解
  1. 兄弟ノード
解説

同じ親要素<ul>に含まれる<li>要素同士は兄弟ノードの関係にあります。

使用例(サンプルコード)

[ javascript ]

const a = document.getElementById("a");
console.log(a.nextElementSibling.id); // "b"