「JavaScript」document.forms.lengthでフォームの数を取得する

2022年2月14日

書式
var 変数名 = document.forms.length;
document.forms.length を使用して、フォームの数を取得します。

使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>フォームの数を取得するサンプル</title>
<script>
function funA(){
//フォームの数を取得する
var fmlen = document.forms.length;
//ページ内のformの数を表示する
alert(fmlen);
}
</script>
</head>
<body>
<input type="button" value="ボタン" onclick="funA()">
<form id="fmReg">
<input type="hidden" value="reg">
</form>
<form id="fmUpdate">
<input type="hidden" value="update">
</form>
<form id="fmDel">
<input type="hidden" value="delete">
</form>
</body>
</html>
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>フォームの数を取得するサンプル</title> <script> function funA(){ //フォームの数を取得する var fmlen = document.forms.length; //ページ内のformの数を表示する alert(fmlen); } </script> </head> <body> <input type="button" value="ボタン" onclick="funA()"> <form id="fmReg"> <input type="hidden" value="reg"> </form> <form id="fmUpdate"> <input type="hidden" value="update"> </form> <form id="fmDel"> <input type="hidden" value="delete"> </form> </body> </html>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>フォームの数を取得するサンプル</title>
<script>
function funA(){
  //フォームの数を取得する
  var fmlen = document.forms.length;

  //ページ内のformの数を表示する
  alert(fmlen);
}
</script>
</head>
<body>
  <input type="button" value="ボタン" onclick="funA()">
  <form id="fmReg">
    <input type="hidden" value="reg">
  </form>
  <form id="fmUpdate">
    <input type="hidden" value="update">
  </form>
  <form id="fmDel">
    <input type="hidden" value="delete">
  </form>
</body>
</html>

結果
ボタンを押すと、ページ内のformの数をアラート表示します。

JavaScript

Posted by arkgame