HTMLCollectionの読み方

javascriptで利用されるHTML要素の集合である「HTMLCollection」の読み方を掲載してます。

読み⽅

「エイチティーエムエル・コレクション」と読みます。

英訳

「Collection」は「収集」という意味があります。

HTMLCollectionとは

javascriptで、HTMLCollectionにアクセスすれば要素のテキストなどを一括で変更することができます。

// html
<ul class="list-group">
  <li class="foo">a</li>
  <li class="foo">b</li>
  <li class="foo">c</li>
  <li class="foo">d</li>
  <li class="foo">e</li>
</ul>

// javascript
var htmlcollection = document.getElementsByClassName('foo');
var l = htmlcollection.length;
for (var i = 0; i < l; i++) {
  htmlcollection[i].textContent = i;
}

実行結果