使用JavaScript创建新样式表和新样式规则(2)

sheet.insertRule("@media only screen and (max-width : 1140px) { header { display: none; } }");
因为老式的IE不支持insertRule,我们可以使用另外一种方法,就是创建一个STYLE元素,赋予它正确的media属性,然后往里面添加新的样式规则。这种方式会增加额外的STYLE元素,但十分的简单。

我认为动态的往样式表里添加样式规则是一种十分高效而且简单的技术。记住在你的下一个应用里试一下这种技术,它会省了你很多功夫。

(英文:Add Rules to Stylesheets with JavaScript.)

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/4b7d9e2a266c2190b52533f71fd1e6b4.html