如何使用JavaScript添加CSS？

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

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

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

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

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

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