如何strong { color: red }使用Javascript 添加CSS规则(例如)?
strong { color: red }
您也可以使用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。