javaｓｃｒｉｐｔ动态样式添加的简单实现

加载CSS文件异步或异步加载CSS模块，支持所有浏览器，包括IE，参考Javaｓｃｒｉｐｔ高级编程

的1.createlink方法用于创建一个样式标记并将其添加到头部标签

的2.createmodule方法用于创建风格样式标签，如果它运行在以下版本IE8，会抛出一个异常。在异常捕获模块、style.stylesheet.csstext兼容IE增加了风格样式的内容。
CSS文件
CSS模块

异步加载CSS文件，所有浏览器支持
document.getelementbyid（演示）。Onclick =函数（）{
CreateLink（， / / /演示，CSS，CSS）；
}

功能使应用程序能够访问它（SRC）{
VaR链接= document.createelement（链接）；
link.rel =样式表
link.type =文本/ CSS；
link.href = SRC；
document.getelementsbytagname（头）{ 0 }。appendChild（链接）；
}
IE将被视为一个特殊的、类似的节点，不允许它访问子节点。事实上，IE抛出的错误与将子节点添加到元素时抛出的错误相同。
/ /样式属性来伊江解决这个问题是访问元素的属性，也有csstext属性可以接受的CSS代码
document.getelementbyid（刚才）。Onclick =函数（）{
CreateModule（体{背景：绿色；} ）；
}

功能createmodule（CSS）{
VaR的风格= document.createelement（风格）；
style.type =文本/ CSS；
{试
style.appendchild（document.createtextnode（CSS））；
} catch（前）{
style.stylesheet.csstext = CSS；
}
document.getelementsbytagname（头）{ 0 }。appendChild（风格）；
}
这是简单的Javaｓｃｒｉｐｔ动态样式添加到你的全部内容。我希望你能支持得更多。