當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

获取表单内部元素的N种方法

發布時間：2025/3/19 编程问答 16 豆豆

生活随笔收集整理的這篇文章主要介紹了获取表单内部元素的N种方法小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

今天講講獲取表單元素的N種方法~

以上是部分資料參考的地方：http://blog.csdn.net/h12kjgj/article/details/61624509

先給出一個實例。

輸入數字1~10，彈出輸入的數字，并計算該數字的階乘；如果輸入的數字不在該范圍內，則輸出“balabala自己編的一些話”

源代碼：

<html> <head> <title> </title> <meta charset = 'utf-8'> <script language="javascript"> function Count() { var i,r,s=1; r=document.form1.textfield.value; if(r>=1&&r<=10) { alert(r); for(i=1;i<=r;i++) { s=s*i; } document.form1.textfield2.value=s; } else alert("請輸入1到10的數字"); } </script> </head> <body> <form name='form1'><label><div align="center"><p><label>請輸入一個小于10的正整數：<input type="text" name="textfield"></label></p><p><label>輸入數據后，按此按鈕可在下框中得到所輸入數的階乘：<input type="button" value="顯示結果" onClick="Count()"></label></p><p><input type="text" name="textfield2" ></p></div></label> </form> <p>?</p> </body> </html>

1.利用id+form獲取的方法

上面的例子就是用到的這個方法

r=document.form1.textfield.value;document.form1.textfield2.value=s; 注意：如果要獲取一個div標簽，比如<div id='head'></div>

就可以這樣獲取該div

2.利用查找函數的方法，如getElementById()方法

r=document.getElementById('textfield').valuedocument.getElementById('textfield2').value=s 注意：如果這里用id查找函數，那么相應的標簽也要有id屬性

還有其他查找方法，可以參考：http://blog.csdn.net/f156207495/article/details/78183740

3.利用forms方法

r=document.forms[0].textfield.valuedocument.forms[0].textfield2.value=s forms方法：

forms可以獲取當前文檔的所有form項，獲取了form項后我們提取出來第一個表單，然后再模仿第一種方法即可

4.利用elements方法

r=document.form1.elements[0].valuedocument.form1.elements[2].value=s elements方法：

elements可以獲取表單的所有標簽

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的获取表单内部元素的N种方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。