一切bug都不是你的錯，只因為你對它的無視而表示的不滿

獲取html中元素的方法比較

document.getElementsByName()；通過元素名獲取，因為元素名可能一樣，所以獲取的是一個對象數組
 document.getElementById()；通常ID是唯一的，所以獲取的對象是一個對象
 document.getElementsByTagName（）通過html標簽獲取，是一個對象數組；

 

document.getElementsByTagName（）用法示例
例：
<form name="form1">
 <input type="text" name="user1" value="1234567" onfocus="change();"/><br>
 <input type="text" name="user2" /><br>

</form>
<form >
 <input type="text" name="user11" /><br>
 <input type="text" name="user22" /><br>

</form>
三種方式比較：

<script type="text/javascript" >

用屬性名進行獲取
 var formnum = document.form1.user1.value;
 alert(formnum);

對于form表單用

 var formnum = document.getElementsByTagName("form")[0].user1.value;
 alert(formnum);

對于form表單和input控制也用。 
var formnum = document.getElementsByTagName("form")[0].document.getElementsByTagName("input")[0].value;
 alert(formnum);
 
 function change(){
  document.getElementsByTagName("form")[1].user11.value = 9876543;
 } 
 </script>

 

<script type="text/javascript" >
 //alert("hello");
 var formnum = document.form1.user1.value;
 alert(formnum);

 var formnum = document.getElementsByTagName("form")[0].user1.value;
 alert(formnum);
 
 var formnum = document.getElementsByTagName("form")[0].document.getElementsByTagName("input")[0].value;
 alert(formnum);
 
 function change(){
  document.getElementsByTagName("form")[1].user11.value = 9876543;
 } 
 </script>

 

 

posted on 2012-07-02 12:06 gaochang 閱讀(93) 評論(0)  編輯  收藏