通過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 }

?

?

?

轉載于:https://www.cnblogs.com/thinksley/archive/2012/12/19/2824813.html

總結

以上是生活随笔為你收集整理的如何通过css选取元素以及封装了获取，删除css的相关操作的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。