如何通过css选取元素以及封装了获取，删除css的相关操作

通过id获取元素再易不过，但通过css获取元素就得自己写函数了。如下

参数一个是父亲元素，一个是要获取的css名，返回的是元素的数组集合，所以要这样用:var a=getByClass(oDiv, 'myDemoCss')[0];

function getByClass(oParent, sClass)
{
 var aEles=oParent.getElementsByTagName('*');
 var res=[];
 var i=0;
 
 for(i=0;i<aEles.length;i++)
 {
  if(aEles[i].className==sClass)
  {
   res.push(aEles[i]);
  }
 }
 
 return res;
}

 

-==============css的相关操作就可以做成如下的函数了

//增加css

function addClass(obj,sClass)
{
 if(!getClass(obj,sClass))
 {
  obj.className+=" "+sClass;
 }
}

 

//判断是否存在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

function removeClass(obj,sClass)
{
 var aClass=obj.className.split(" ");
 for(var i=0;i<aClass.length;i++)
 {
  if(aClass[i]==sClass)
  {
   aClass[i]="";
  }
 }
 obj.className=aClass.join(" ");
}