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

我有一个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 inspector检查)，则不会应用样式。

我错过了什么吗？任何想法如何解决？

提前致谢。

最佳答案

您缺少了一些东西:

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

否则，没有任何内容可以告诉浏览器如何处理下载的文件。万一您想知道，type = "text/css"仅限制MIME Type。