[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





 






 















其它文章


arrow
arrow
    文章標籤
    javascript document forms form dom 物件 name mytest 用法 returndata 元件 屬性 使用 程式
    全站熱搜
    創作者介紹
    創作者 PG Levin Li 的頭像
    PG Levin Li

    程式開發學習之路

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

    E-mail轉寄