document.getElementById(), getElementsByname(),getElementsByClassName()區別

Roninwz發表於2017-09-27
[html] view plain copy
  1. <form>  
  2.     <input class="user" type="" name="user" value="hi"/>  
  3.     <input class="user" type="" name="user" value="hi"/>  
  4. </form>  


[javascript] view plain copy
  1. window.onload=function(){  
  2.     //找到指定id屬性值得物件 返回找到的一個物件  
  3.     var id=document.getElementById("uid");  
  4.     //找到指定name屬性的物件，返回陣列  
  5.     var arr=document.getElementsByName("user");  
  6.     //找到指定標籤物件 ,返回陣列  
  7.     var arr=document.getElementsByTagName("input");  
  8.     //找到指定class的物件，返回陣列  
  9.     var arr=document.getElementsByClassName("user");  
  10.     for(i=0;i<arr.length;i++){  
  11.         //迴圈獲取表單input的值  
  12.         //alert(arr[i].value);  
  13.         //迴圈獲取屬性的值  
  14.         //alert(arr[i].getAttribute("name"));  
  15.     }  
  16. }  

轉載來自：http://blog.csdn.net/chunxiaqiudong5/article/details/50974877

相關文章