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

2022年2月14日

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

使用例

<!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