HTMLCollection: length プロパティ

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

HTMLCollection.length プロパティは、HTMLCollection の中にあるアイテム数を返します。

値

整数の値で、HTMLCollection の中にあるアイテムの数を表します。

例

length プロパティは DOM プログラミングで有益なことが多いです。リストがすべて存在するかどうかを確認するために、リストの長さをテストするために良く使用されます。また、この例のように for ループのイテレーターとしてもよく使用されます。

js
// 文書内でクラス ".test" を持つすべての要素
const items = document.getElementsByClassName("test");

// リスト内の各テスト項目について、要素全体をHTMLの文字列として追加します。
let gross = "";
for (let i = 0; i < items.length; i++) {
  gross += items[i].innerHTML;
}

// gross は test 要素の HTML になります。

仕様書s

Specification
DOM Standard
# ref-for-dom-htmlcollection-length①

ブラウザーの互換性

BCD tables only load in the browser