Dom获取元素的几种方式

通过id获取获取元素
document.getElementById();
通过标签名获取元素(集合)
document.getElementByTagName();
通过class获取元素(集合)  ie9失效 
document.getElementByClassName();


封装getByClass()
方法一：

1. function getByClass(oParent, iClass){
   
2.                 var arr = [];
   
3.                 var aEles = oParent.getElementsByTagName('*');
   
4.                 alert(aEles.length)
   
5.                 for( var i=0; i<aEles.length; i++ ){
   
6.                         var arrClass = aEles[i].className.split(' ');
   
7.                         for( var j=0; j<arrClass.length; j++ ){
   
8.                                 if( arrClass[j] == iClass ){
   
9.                                         arr.push(aEles[i]);
   
10.                                         break;//匹配到对应的class则跳出循环
    
11.                                 }
    
12.                         }
    
13.                 }
    
14.                 return arr;
    
15.         }

方法二:

1. function getByClass(oParent, iClass){
   
2.                 var arr = [];
   
3.                 var aEles = oParent.getElementsByTagName('*');
   
4.                 for( var i=0; i<aEles.length; i++ ){
   
5.                         var reg = new RegExp('\\b' + iClass + '\\b');
   
6.                         if( reg.test(aEles[i].className) ){
   
7.                                 arr.push(aEles[i]);
   
8.                         }
   
9.                 }
   
10.                 return arr;
    
11.         }

getElementById getElementsByName区别
1.元素.getElementsByTagName('') 可以 元素.getElementById('') 不可以
2.getElementsByTagName 元素集合 有类似数组的功能 ali.length ali[0]
3.getElementById 静态的 getElementsByTagName 动态的(先抓取元素 后动态写入元素 也能对元素操作)