如何使用JavaScript添加CSS？

如何span { color: red }使用Javascript 添加CSS规则（例如）？

您也可以使用DOM Level 2 CSS接口（MDN）执行此操作：

var sheet = window.document.styleSheets[0];
sheet.insertRule('span { color: red; }', sheet.cssRules.length);

…（除了（自然地）IE8和更早版本以外的所有版本），它使用自己的边际差异措辞：

sheet.addRule('span', 'color: red;', -1);

与createElement-set-

innerHTML方法相比，此方法具有理论上的优势，因为您不必担心在innerHTML中放置特殊的HTML字符，但实际上，样式元素是旧HTML中的CDATA，而’<’和’＆’很少在样式表中使用。

在开始像这样添加到样式表之前，确实需要有一个样式表。可以是任何现有的活动样式表：外部，嵌入式或空，都没有关系。如果没有，则目前唯一的标准创建方法是使用createElement。