以下のコードにおいて、<li>要素同士はどの関係にありますか。
[ html ]
<ul>
<li id="a">A</li>
<li id="b">B</li>
</ul>
- 親ノード
- 子ノード
- 兄弟ノード
- ルートノード
正解
- 兄弟ノード
解説
同じ親要素<ul>に含まれる<li>要素同士は兄弟ノードの関係にあります。
使用例(サンプルコード)
[ javascript ]
const a = document.getElementById("a");
console.log(a.nextElementSibling.id); // "b"