通過(guò)id獲取元素再易不過(guò)，但通過(guò)css獲取元素就得自己寫(xiě)函數(shù)了。如下

參數(shù)一個(gè)是父親元素，一個(gè)是要獲取的css名，返回的是元素的數(shù)組集合，所以要這樣用: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的相關(guān)操作就可以做成如下的函數(shù)了

//增加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 }

?

?

?

轉(zhuǎn)載于:https://www.cnblogs.com/thinksley/archive/2012/12/19/2824813.html

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。