document.getElementById(), getElementsByname(),getElementsByClassName()区别

最新推荐文章于 2020-12-25 12:29:19 发布

转载最新推荐文章于 2020-12-25 12:29:19 发布 · 4.9k 阅读

收录于

Javascript 专栏收录该内容

32 篇文章

订阅专栏

本文详细介绍了使用 JavaScript 对 DOM 进行操作的方法，包括通过 ID、name、标签名及 class 名称来选取元素，并展示了如何获取这些元素的值和属性。

[html]view plain copy 
   
 <form>  
     <input class="user" type="" name="user" value="hi"/>  
     <input class="user" type="" name="user" value="hi"/>  
 </form>  

[javascript]view plain copy 
   
 window.onload=function(){  
     //找到指定id属性值得对象 返回找到的一个对象  
     var id=document.getElementById("uid");  
     //找到指定name属性的对象，返回数组  
     var arr=document.getElementsByName("user");  
     //找到指定标签对象 ,返回数组  
     var arr=document.getElementsByTagName("input");  
     //找到指定class的对象，返回数组  
     var arr=document.getElementsByClassName("user");  
     for(i=0;i<arr.length;i++){  
         //循环获取表单input的值  
         //alert(arr[i].value);  
         //循环获取属性的值  
         //alert(arr[i].getAttribute("name"));  
     }  
 }  

  
 
 

  转载来自：http://blog.csdn.net/chunxiaqiudong5/article/details/50974877
 