次のコードで、すべてのli要素を取得したいときに返されるオブジェクトの型はどれか。
[ html ]
<ul>
<li>One</li>
<li>Two</li>
</ul>
[ javascript ]
let list = document.getElementsByTagName("li");
- Array
- NodeList
- HTMLCollection
- Set
正解
- HTMLCollection
解説
getElementsByTagName() は HTMLCollection を返す。これは配列のように見えるが、配列メソッドを直接使えない。
使用例(サンプルコード)
[ javascript ]
let list = document.getElementsByTagName("li");
console.log(list.length); // 2