zoukankan      html  css  js  c++  java
  • 如何通过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
    收藏
    关注
    评论
  • 相关阅读:
    Node.js 究竟是什么?
    天津自考学习之“六步看书法”
    C专家编程cdecl
    Linux系统启动流程及安装命令行版本
    Java学习路线
    GCC内置宏
    GMP
    二级存储构建倒排索引
    余弦距离与欧式距离
    af
  • 原文地址:https://www.cnblogs.com/thinksley/p/2824813.html
Copyright © 2011-2022 走看看