zoukankan      html  css  js  c++  java
  • 动态加载、移除css文件

    修改样式有通过修改class属性来更改,也可以通过动态引入外部的css文件来改变对应的样式展示。

    这里就介绍动态引入、移除css文件

    ///添加平板样式文件
    function loadStyles() {
      var link = document.createElement('link');
      link.rel = 'stylesheet';
      link.type = 'text/css';
      link.href = 'css/mpad.css';  //引入的文件名
      document.getElementsByTagName('head')[0].appendChild(link);
    }
    
    ///移除平板样式文件
    function removeStyles(){
      var filename = 'css/mpad.css';  //移除引入的文件名
      var targetelement = "link";
      var targetattr = "href";
      var allsuspects = document.getElementsByTagName(targetelement)
      for (var i = allsuspects.length; i>=0 ; i--){
        if (allsuspects[i] && allsuspects[i].getAttribute(targetattr) != null && allsuspects[i].getAttribute(targetattr).indexOf(filename) != -1) {
          allsuspects[i].parentNode.removeChild(allsuspects[i])
        }
      }
    }
  • 相关阅读:
    版本控制器 git
    JS 严格模式
    backquote
    linux内存监控 free
    好的linux网站
    linux查看进程开始时间
    命令之 ulimit
    using JSTL
    javax.servlet.jsp.PageContext cannot be resolved to a type
    jstl c
  • 原文地址:https://www.cnblogs.com/wind-wang/p/11226763.html
Copyright © 2011-2022 走看看