【JavaScript】取得頁面元素的方法--ByName,ById,ByTagName

getElementsByName(elementName) 會回傳的是元素的集合. 所以當元素不存在時, 它一樣會回傳 object 但其 length為0

getElementById(elementId) 會回傳單一的元素 . 可以用 null 判斷是否存不存在.

getElementsByTagName(tagname) 會回傳的是tag元素的集合.一樣是用 length 是否大於1, 判斷其元素是否存在. 不存在時, length等於0

ex:
HTML:
<input type="checkbox" name="job" value="A" >
<input type="checkbox" name="job" value="B" >
<input type="checkbox" id="job_1" value="AA" >

JavaScript:
var e=document.getElementsByName("job");
alert(e.length)      //利用長度可以判斷存不存在 ---> 輸出 "2"
alert(e[0].value)  //取得資料, 要用陣列的方式   ---> 輸出 "A"

var e1=document.getElementById("job_1");
alert (e1);       // object 代表存在;null 代表不存在 ---> 輸出 "object"
alert(e1.value);  //---> 輸出 "AA"