动态加载、移除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])
    }
  }
}