dom_dom0300_007

CSSセレクタで最初の一致を得るのは ( A )、すべての一致(静的NodeList)を得るのは ( B )。

解答

A: querySelector
B: querySelectorAll

解説

querySelectorは単一要素、querySelectorAllは静的なNodeListで複数要素を返す。forEachが直接使えるのもNodeListの利点。

使用例（サンプルコード）

[ html ]

<div class="card"></div><div class="card"></div>
<script>
  const first = document.querySelector('.card');     // (A)
  const all = document.querySelectorAll('.card');    // (B)
  all.forEach((el,i)=>el.textContent = `#${i+1}`);
</script>