CSS スクリプト (テキストおよび URL メソッド) を動的にロードします。

 CSSコードを動的にロードする

function loadStyleString(cssText) {

  var style = document.createElement("style");

  style.type = "text/css";

  style.lang = "less";

  try{

      // firefox、safari、chrome和Opera

      style.appendChild(document.createTextNode(cssText));

  }catch(ex) {

      // IE早期的浏览器 ,需要使用style元素的stylesheet属性的cssText属性

      style.styleSheet.cssText = cssText;

  }

  document.getElementsByTagName("head")[0].appendChild(style);

}

// テスト

var css = "ボディ{カラー:ブルー;}";

ロードスタイル文字列(css);

CSSファイルを動的にロードする

function loadStyle(url) {

  var link = document.createElement("link");

  link.type = "text/css";

  link.rel = "stylesheet";

  link.href = url;

  document.getElementsByTagName("head")[0].appendChild(link);

}

// テスト

loadStyle("css/secondindex.css");