フォーム要素を取得

フォーム要素を取得するには、document.formsを使用します。
このdocument.formsはdocument.getElementByTagName('form')と同じです。

構文

var formElements = document.forms;

戻り値

成功した場合は1個以上のHTMLCollectionを返し、失敗した場合は0個のHTMLCollectionを返します。

サンプルコード

JavaScript

var formElements = document.forms;

for (var i = 0, len = formElements.length; i < len; i++) {
	alert(formElements[i].name);
}

また、フォーム内の入力要素や選択要素を取得するには、document.forms[n].elementsを使用します。
このdocument.forms[n].elementsはname属性が存在している場合は、その名前で取得することも可能です。

構文

var elements = document.forms[n].elements;

戻り値	formElements	成功した場合は1個以上のHTMLFormControlsCollectionを返し、失敗した場合は0個のHTMLFormControlsCollectionを返す

サンプルコード

JavaScript

var formElements = document.forms, j, len2, inputElement;

for (var i = 0, len = formElements.length; i < len; i++) {
	for (j = 0, len2 = formElements[i].elements.length; j < len2; j++) {
		alert(formElements[i].elements[j].value);
	}
}

// name属性の名前で取得（アクセス）する場合
inputElement = formElements[0].elements.email;
alert(inputElement.value);

JavaScript逆引きリファレンス一覧へ戻る