• 如何通过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
    收藏
    关注
    评论
  • 相关阅读:
    django文件上传
    django验证码
    auth模块---笔记
    css笔记
    django模板系统---2
    django模板系统
    Django中间件
    前端笔记---1
    我的django笔记---1
    DNS服务器的搭建
  • 原文地址:https://www.cnblogs.com/thinksley/p/2824813.html
Copyright © 2020-2023  润新知