一切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 阅读(82) 评论(0)  编辑  收藏