HTMLCollection.length - HTML要素の個数
lengthは、HTMLCollectionのプロパティです。集合に含まれるHTML要素の個数を返します。
概要
- 名前
- length
- 所属
- HTMLCollection
- IDL
readonly attribute unsigned long length;
- 仕様書
- https://dom.spec.whatwg.org/#dom-htmlcollection-length
説明
集合に含まれるHTML要素の個数を表す数値を返す。読み取り専用なので、値を代入することはできない。
デモ
HTMLCollection.lengthのデモです。
<!-- このコードは編集できます。 -->
<!DOCTYPE html>
<html>
<body>
<p>SYNCER1</p>
<p>SYNCER2</p>
<p>SYNCER3</p>
<script>
var elements = document.getElementsByTagName( "p" ) ;
var value = elements.length ;
console.log( value ) ;
document.body.appendChild( new Text( value ) ) ;
</script>
</body>
</html>
サポート状況
Chrome | Firefox | Safari | Edge | IE | Opera | iOS Safari | Android |
---|---|---|---|---|---|---|---|
● | ● | ● | ● | ● | ● | ● | ● |
関連記事
- HTMLCollection
- HTMLCollectionは、HTML要素の集合を表すオブジェクトです。Elementだけが含まれた配列であるかのように、手軽にインデックス番号でアクセスできます。
- HTMLCollection.namedItem()
- namedItem()は、HTMLCollectionのメソッドです。name属性を指定してHTML要素を取得します。このメソッドは、ドット記法やブラケット記法に置き換えられます。
- Selection.deleteFromDocument()
- deleteFromDocument()は、Selectionのメソッドです。選択範囲のコンテンツを削除します。
- Selection.removeAllRanges()
- removeAllRanges()は、Selectionのメソッドです。全ての選択範囲を解除します。