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

通过javascript动态加载但未应用的CSS,javascript,css,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); 但不幸的是,如果文件正确加载(

我有一个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”
只限制了
ssioCss.setAttribute(“rel”,“stylesheet”)的可能重复项耸肩非常感谢Abody97,它现在可以工作了。编辑:“属性”中没有2个“b”。@Hassinus Haha,是的——非常抱歉:)