[JavaScript HTML DOM]使用document物件,使用屬性document.forms用法之一 說明: document.forms,取得form元件物件 回傳為陣列 此範例設計說明: 第一步、document.forms.length,取得form元件物件長度。 第二步、取出每個form元件的name名稱 第三步、顯示form元素name名稱在頁面上 程式: <html> <head> <title>[JavaScript-HTML_DOM]使用document物件,使用屬性document.forms用法之一</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script> function mytest() { var returnData = ""; for ( var i = 0; i < document.forms.length; i++) { returnData = returnData + document.forms[i].name + ","; } document.getElementById("returnData").innerHTML = returnData; } </script> </head> <body> [JavaScript-HTML_DOM]使用document物件,使用屬性document.forms用法之一 <br> <input type="button" value="測試" onclick="mytest()" /> <form name="Form1"></form> <form name="Form2"></form> <form></form> <span id="returnData"></span> </body> </html> 圖:
按下測試
相關範例: 待續 參考: HTML DOM forms Collection
