通过id获取元素再易不过,但通过css获取元素就得自己写函数了。如下
参数一个是父亲元素,一个是要获取的css名,返回的是元素的数组集合,所以要这样用:var a=getByClass(oDiv, 'myDemoCss')[0];
1 function getByClass(oParent, sClass) 2 { 3 var aEles=oParent.getElementsByTagName('*'); 4 var res=[]; 5 var i=0; 6 7 for(i=0;i<aEles.length;i++) 8 { 9 if(aEles[i].className==sClass) 10 { 11 res.push(aEles[i]); 12 } 13 } 14 15 return res; 16 }
-==============css的相关操作就可以做成如下的函数了
//增加css
1 function addClass(obj,sClass) 2 { 3 if(!getClass(obj,sClass)) 4 { 5 obj.className+=" "+sClass; 6 } 7 }
//判断是否存在css 返回boolen
function getClass(obj,sClass) { var aClass=obj.className.split(" "); for(var i=0;i<aClass.length;i++) { if(aClass[i]==sClass) { return true; } } return false; }
//删除css
1 function removeClass(obj,sClass) 2 { 3 var aClass=obj.className.split(" "); 4 for(var i=0;i<aClass.length;i++) 5 { 6 if(aClass[i]==sClass) 7 { 8 aClass[i]=""; 9 } 10 } 11 obj.className=aClass.join(" "); 12 }