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

2013年7月24日2022年2月14日

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

使用例

<!DOCTYPE html>

<head>

<title>フォームの数を取得するサンプル</title>

function funA(){

//フォームの数を取得する

var fmlen = document.forms.length;

//ページ内のformの数を表示する

alert(fmlen);

}

</script>

</head>

<body>

</form>

</form>

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

関連投稿: