<button id="demo">css文件</button>  <button id="demo1">css模塊</button>  <script type="text/javascript">    //異步加載css文件，支持所有瀏覽器    document.getElementById("demo").onclick = function () {      createLink("../../css/demo.css");    }    function createLink(src) {      var link = document.createElement("link");      link.rel = "stylesheet"      link.type = "text/css";      link.href = src;      document.getElementsByTagName("head")[0].appendChild(link);    }    //IE將<style>視為一個(gè)特殊的與<script>類(lèi)似的節(jié)點(diǎn)，不允許其訪(fǎng)問(wèn)子節(jié)點(diǎn)，事實(shí)上，IE此時(shí)拋出的錯(cuò)誤與向<script>元素添加子節(jié)點(diǎn)時(shí)拋出的錯(cuò)誤相同，    //解決IE中的這個(gè)問(wèn)題的辦法就是訪(fǎng)問(wèn)元素的styleSheet屬性，該屬性又有一個(gè)CSSText屬性，可以接受css代碼    document.getElementById("demo1").onclick = function () {      createModule("body{background:green;}");    }    function createModule(css) {      var style = document.createElement("style");      style.type = "text/css";      try {        style.appendChild(document.createTextNode(css));      } catch (ex) {        style.styleSheet.cssText = css;      }      document.getElementsByTagName("head")[0].appendChild(style);    }  </script>