NodeList.length - ノードの個数
lengthは、NodeListのプロパティです。集合に含まれるノードの個数を返します。
概要
- 名前
- length
- 所属
- NodeList
- IDL
readonly attribute unsigned long length;
- 仕様書
- https://dom.spec.whatwg.org/#dom-nodelist-length
説明
集合に含まれるノードの個数を表す数値を返す。読み取り専用なので、値を代入することはできない。
デモ
NodeList.lengthのデモです。
<!-- このコードは編集できます。 -->
<!DOCTYPE html>
<html>
<head>
<style>
div#result { white-space: pre-wrap ; }
</style>
</head>
<body>
<p><input name="hoge" value="SYNCER1"></p>
<p><input name="hoge" value="SYNCER2"></p>
<p><input name="hoge" value="SYNCER3"></p>
<hr>
<div id="result"></div>
<script>
var nodes = document.getElementsByName( "hoge" ) ;
var value = nodes.length ;
console.log( value ) ;
document.getElementById( "result" ).appendChild( new Text( value ) ) ;
</script>
</body>
</html>
サポート状況
Chrome | Firefox | Safari | Edge | IE | Opera | iOS Safari | Android |
---|---|---|---|---|---|---|---|
● | ● | ● | ● | ● | ● | ● | ● |
関連記事
- Document.getElementsByName()
- getElementsByName()は、Documentのメソッドです。name属性を指定してノードを取得します。
- NodeList
- NodeListは、ノードの集合を表すオブジェクトです。Nodeだけが含まれた配列であるかのように、手軽にインデックス番号でアクセスできます。
- NodeList.item()
- item()は、NodeListのメソッドです。インデックス番号を指定してノードを取得します。このメソッドは、ブラケット記法(例: [0])に置き換えられます。
- HTMLCollection.length
- lengthは、HTMLCollectionのプロパティです。集合に含まれるHTML要素の個数を返します。