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 Type。