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

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

顶

Top

关注