[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

 

 

其它文章

文章標籤
全站熱搜
創作者介紹
創作者 PG Levin Li 的頭像
PG Levin Li

程式開發學習之路

PG Levin Li 發表在 痞客邦 留言(0) 人氣(759)