ホームページ > 記事 > ウェブフロントエンド > HTML DOM フォームのコレクション
HTML DOM フォームのコレクション
- WBOY転載
- 2023-09-01 14:49:01682ブラウズ
HTML DOM フォーム コレクションは、HTML ドキュメント内に存在するすべてのフォーム要素をコレクションとして返すために使用されます。コレクション内の要素は、HTML ドキュメントに表示される順序で並べ替えられて表示されます。
プロパティ
以下はフォーム コレクションのプロパティです。
| プロパティ | 説明 |
|---|---|
| length | これは、コレクション内の |
方法
フォーム収集の方法は次のとおりです-
| 方法 | 説明 |
|---|---|
| [index] | 指定されたインデックスにあるコレクションから |
| item(index) | 指定されたインデックスからのコレクション。インデックスは 0 から始まり、インデックスが範囲外の場合は null を返します。 |
| namedItem(id) | 指定された ID のコレクションから。 ID が存在しない場合は Null を返します。 |
構文
次は、HTML DOM フォーム コレクションの構文です。 p>
document.forms
例
例を見てみましょう。 DOM フォーム コレクションの HTML 例を見てください -
ライブ デモ
<!DOCTYPE html>
<html>
<head>
<script>
function formCollect() {
for(var i=0;i<document.forms.length;i++){
var no=document.forms[i].id+"<br>";
document.getElementById("Sample").innerHTML +=no;
}
}
</script>
</head>
<body>
<h1>Forms collection example</h1>
<form id="FORM1">
Fruit <input type="text" name="fname" value="Mango">
</form>
<form id="FORM2">
Age <input type="text" name="Age" value="22">
</form>
<form id="FORM3">
Password: <input type="password" name="pass" value="test">
</form>
<br>
<button onclick="formCollect()">GET IDS</button>
<p id="Sample">Following are the form ids <br></p>
</body>
</html>出力
これにより、次の出力が生成されます-
Single 「IDS を取得」ボタンをクリックしたとき -
<form id="FORM1"> Fruit <input type="text" name="fname" value="Mango" > </form> <form id="FORM2"> Age <input type="text" name="Age" value="22" > </form> <form id="FORM3"> Password: <input type="password" name="pass" value="test"> </form>GET IDS ボタンは、ユーザーがクリックすると formCollect() メソッドを実行します-
<button onclick="formCollect()">GET IDS</button>formCollect() メソッドは document.forms の長さプロパティ値 (この例では 3) を取得し、それを for ループ内のテスト式で使用します。フォーム コレクションのインデックス番号を使用して ID を取得し、それを ID「Sample」の段落に追加して表示します -
function formCollect() {
for(var i=0;i<document.forms.length;i++){
var no=document.forms[i].id+"<br>";
document.getElementById("Sample").innerHTML +=no;
}
}以上がHTML DOM フォームのコレクションの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。