Question

我有一个javascript文件，它的一个功能是使用javascript创建一些HTML。

HTML是在运行时创建的，并创建以下元素：

var oBox = document.createElement("notifiedusersbubble");
oBox.style.color="#808080";
oBox.style.display = "none";
oBox.style.position= "absolute";
oBox.style.width="200px";
oBox.style.border = '1px solid black';
oBox.style.background = "#DDEFF1";
oBox.style.fontFamily="arial,sans-serif";
oBox.style.padding="2px 2px 2px 4px";

我没有将所有样式留在javascript文件中，而是将t放入CSS文件并从那里引用它。

问题是，我不知道如何使用javascript做到这一点。我知道要使用HTML执行此操作，我会在<head>标记内写下以下内容：

<link href="style.css" rel="stylesheet" type="text/css" />

Answer 1

您可以像创建其他元素一样创建link元素：

var link = document.createElement('link');
link.rel = "stylesheet";
link.type = "text/css";
link.href = "style.css";
document.querySelector("head").appendChild(link);

...但是说，我通常希望你把它留给页面作者，只是将它列为你的脚本的一个要求，CSS必须放在页面上 - 不仅仅是因为它让他们结合了CSS与其他CSS一起避免大量的HTTP请求等。这就是每个主要框架/库（jQuery UI，Bootstrap等）的作用。

如何在仅限javascript的类中引用CSS文件

1 个答案: