zoukankan      html  css  js  c++  java
  • 通过class改变样式

    1.判断class属性

    判断一个元素中是否含有指定的class属性值

    function hasClass(obj,cn){
      //创建正则表达式
       var reg=new RegExp("\b"+cn+"\b");
       return reg.test(obj.className);
    } 

    2.添加class属性

    定义一个函数,用来向一个元素中添加指定的class属性值

    参数:

    obj 要添加class属性的元素

    cn 要添加的class值

    function addClass(obj,cn){
      //检查obj中是否含有cn
      if(!hasClass(obj,cn)){
        obj.className+=" "+cn
      }  
    }

    3.删除class属性

    function removeClass(obj,cn){
      var reg=new RegExp("\b"+cn+"\b");
      obj.className=obj.className.replace(reg,"");
    }

    4.切换class属性

    元素中具有该类则删除,没有则添加

    function toggleClass(obj,cn){
      if(hasClass(obj,cn)){
        removeClass(obj,cn)
      }else{
        addClass(obj,cn)
      }
    }
  • 相关阅读:
    每日博客
    每日博客
    今日收获
    今日收获
    今日收获
    今日收获
    今日收获
    今日收获
    今日收获
    今日收获
  • 原文地址:https://www.cnblogs.com/embrace-ly/p/10687674.html
Copyright © 2011-2022 走看看