1. ホーム
  2. javascript

[解決済み] this.formとdocument.formの違いについて

2022-03-06 07:45:52

質問

との違いはありますか? this.formdocument.forms (document["forms"]) それとも、似ているのでしょうか?

以下は、その違いをテストするために書いたコードです。

<form name="myForm" id="myForm">
<input type="text" name="haha" id="myForm" value="laughable" onclick="alert(this.form.haha.value)" />
</form>

alert(document.forms.myForm.haha.value);

どちらも結果は同じです。

解決方法は?

this.form を指定すると、form 要素のフォームが表示されます。 ( this はform要素)

<ブロッククオート

この要素がフォームの中にある場合、それを含むフォーム要素。

document.forms を実行すると、ドキュメント内のすべてのフォームが表示されます (サポートされている場合!)。

<ブロッククオート

forms は、現在のドキュメント内の form 要素のコレクション (HTMLCollection) を返します。

より良い使い方 document.getElementById(id)

var form = document.getElementById(formId);