一尘不染

如何使用JavaScript添加CSS?

javascript

如何strong { color: red }使用Javascript 添加CSS规则(例如)?


阅读 590

收藏
2020-04-25

共1个答案

一尘不染

您也可以使用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。

2020-04-25