dom_dom0300_002

classが「item」の要素をすべて取得する正しい方法はどれか。

[ html ]

<ul>
  <li class="item">A</li>
  <li class="item">B</li>
</ul>
  1. document.getElementById(“item”)
  2. document.getElementsByClassName(“item”)
  3. document.querySelectorAll(“#item”)
  4. document.getElementsByName(“item”)
正解
  1. document.getElementsByClassName(“item”)
解説

getElementsByClassName() は、指定したクラス名を持つすべての要素を返す（HTMLCollectionとして）。

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

[ javascript ]

let items = document.getElementsByClassName("item");
console.log(items.length); // 2