用 Javascript 动态加载一个 CSS 文件的方法很简单,但是如果想要加载一个 CSS STYLE 元素,里面写入一些 CSS 语句就没有那么简单了。不过也难不倒我们,查一查 MSDN 和 Mozilla 的开发网站就可以写出来了,下面的语句兼容了 IE,Firefox,Safari,Opera 没有测试。
- function AttachStyle(ownDoc,styCss) {
- var elmSty = ownDoc.createElement('STYLE');
- elmSty.setAttribute("type", "text/css");
- if (elmSty.styleSheet) {
- elmSty.styleSheet.cssText=styCss;
- } else {
- elmSty.appendChild(ownDoc.createTextNode(styCss));
- }
- ownDoc.getElementsByTagName("head")[0].appendChild(elmSty);
- }