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