備忘録的プログラミングリファレンス

NodeList

 NodeListとは、複数のNodeオブジェクトのハンドラーを配列で管理します。

 forEach()メソッドで反復処理ができます。NodeListオブジェクトをArrayオブジェクトに変換するには、Array.from()メソッドを使用します。

プロパティ(Properties)

lengthNode数

メソッド(Methods)

item()
entries()
forEach()
keys()
values()

Example

for

 NodeListをforループで処理する方法です。

var list_node = document.getElementsByName('name');
for (var i = 0; i < list_node.length; i++) {
	var item = list_node[i];
	var value = list_node[i].value;
}

for..of

 for.. ofを使用した方法です。inputエレメントのcheckboxタイプなどには便利でしょう。 for.. inやfor.. each.. inは思ったような動作をしない場合があり注意が必要です。

var list_checkbox = document.querySelectorAll('input[type=checkbox]');
for (var obj_checkbox of list_checkbox) {
	obj_checkbox.checked = true;
}

forEach

 forEachメソッドでNodeListの各Nodeを取得することもできます。ただし、breakやcontinueが使えません。途中で処理を中断したい場合はforループを使用します。

var list_node = document.getElementsByName('name');
list_node.forEach( function(value) {
	console.log( value );
});