CSS通过javascript动态加载但未应用

Question

我有一个javascript文件,通过AJAX加载内容,并通过加载相应的CSS文件应用适当的样式:

var ssioCss = document.createElement("link");
ssioCss.setAttribute("href", baseURL + "ssio-plugin.css");
ssioCss.setAttribute("type", "text/css");
document.head.appendChild(ssioCss);

但不幸的是,样式未应用,文件正确加载的事件(通过chrome检查器检查).

我错过了什么吗？知道怎么解决这个问题吗？

提前致谢.

Answer 1

你错过了一些东西:

ssioCss.setAttribute("rel", "stylesheet");

否则,没有什么可以告诉浏览器如何处理下载的文件.如果您想知道,type = "text/css"只限制MIME类型.