生活随笔
收集整理的這篇文章主要介紹了
Javascript获取Html界面元素的几种方法
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
?在Javascript，可以通過多種方式獲取Html元素對象。以下是一個Html頁面示例。
?
<body>??<form?name="form1"?method="POST"?action="">?????<p><input?type="text"?name="age"?id="age"?size="10"?valu="18"?/></p>?????<p><input?type="submit"?value="提交"?name="B1"?/></p>?????<p><a?href="javascript:click();">Click</a></p>?</form>??</body>? ?
如果我們需要在javascript中獲取輸入框age對象。主要的方法有以下幾種：
all方法：document.all("age")getElementById方法：document.getElementByIdx_x("age")getElementsByName方法：document.getElementsByName("age")getElementsByTagName方法：document.getElementsByTagName_r("input")form1方法：document.form1.ageeval方法：eval_r("document.form1.age")?
我們在具體使用時，需要特別注意：all和getElementsByName方法，在界面上沒有指定元素時，仍可能會得到object對象。經過分析和驗證，主要有以下注意事項：
?
W3標準下可以通過getElementById、getElementsByName、getElementsByTagName、form1訪問Document中的任一個標簽。all：建議盡量不要采用all方法來獲取元素, 這種方法不符合W3標準，而且只能在IE或IE內核的瀏覽器中有效。當界面中沒有指定元素時，all方法有時返回null，有的情況下返回object。getElementById：通過ID來取得Document中的某一特定元素，所以只能訪問設置了ID的元素。如果界面中存在多個相同ID的元素，則只取第1個。getElementsByName：通過Name來獲得元素數組，文檔中只有一個指定Name的標簽時，也返回數組。Document中每一個元素的ID是唯一的，但Name卻可以重復。打個比喻就像人的×××號是唯一的，但名字重復的卻很多。getElementsByTagName：通過TagName（標簽名稱）來獲得元素，一個Document中當然會有相同的標簽，所以這個方法也是取得一個數組。form1：如果文檔中只有一個指定Name的標簽時，返回該對象；如果文檔中有多個指定Name的標簽時，返回對象數組。eval：eval是計算某個字符串，并執行其中的javascript。?轉自：http://blog.csdn.net/kadwf123/article/details/7821327
轉載于:https://blog.51cto.com/neicole/1060709
總結
以上是生活随笔為你收集整理的Javascript获取Html界面元素的几种方法的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。
