dom_dom0300_009

次のコードで、すべてのli要素を取得したいときに返されるオブジェクトの型はどれか。

[ html ]

<ul>
  <li>One</li>
  <li>Two</li>
</ul>

[ javascript ]

let list = document.getElementsByTagName("li");
  1. Array
  2. NodeList
  3. HTMLCollection
  4. Set
正解
  1. HTMLCollection
解説

getElementsByTagName() は HTMLCollection を返す。これは配列のように見えるが、配列メソッドを直接使えない。

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

[ javascript ]

let list = document.getElementsByTagName("li");
console.log(list.length); // 2