用JavaScript獲取頁面元素常見的三種方法：

getElementById()

getElementsByName()

getElementsByTagName()

語法為“document.+方法名”獲得其頁面元素，可後加屬性為其操作。

如document.getElementById("id名")是根據頁面id獲取元素，在一個頁面中元素id必須是惟一 一個，否則用這種方法將取不到其元素。id就相當於我們個人的身份證號一樣，在一個世界上，每個人都是唯一的身份證號。如果頁面中沒有此id，會找不到你要找的元素，就會報null的錯誤。

例如:var x=document.getElementById("id").value;

用getElementsByName()用這種方法是跟據頁面的元素名來獲取頁面元素，在一個頁面中，元素id是唯一的，但是頁面的元素名字name可以是重復的，name就比如我們人名一樣，在這個世界中，會有重名的存在。假設一個兩個名叫湯姆的人在一起，其他人過來找湯姆，就會直接找到兩個，在頁面中也是一樣，中這種方法，我們會得到一個數組。如果我們找到某個具體的頁面元素，可以在此方法後面添加一個下標"[整數]"，下標是從0開始的，此整數也就是在頁面中你要獲取的此元素的位置減一。

例如：var x = document.getElementsByName("ABCD").value; //此時的x就是頁面中所有name="ABCD"所形成的一個數組

var x = document.getElementsByName("ABCD")[0].value; //此時的x就是頁面中第一個name=‘‘ABCD"的值

用 getElementsByTagName()這種方法是根據HTML的標簽來獲取的。因為頁面元素使用的標簽可以重復，所以用這種方法的的值也是一個數組。如果我們用這種方法想獲取某個具體的元素的值，可以直接用下標的形式表示，下標的開始也是從0開始的，當然也可以先的到數組，在從數組中獲取。

例如：var x = document.getElementsByTagName("p")[2].value; //此時的x是頁面中第三個段落標簽的值

var x = document.getElementsByTagName("p").value; //此時的x是一個數組，是有頁面中所有<p></p>所組成的一個數組

用javaScript獲取頁面元素值