說明：
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
其它文章
沒有留言:
張貼留言