美文网首页JavaScript
document.stylesheets

document.stylesheets

作者: 李霖弢 | 来源:发表于2020-12-24 15:21 被阅读0次
document.styleSheets

只读属性,返回一个由 StyleSheet对象组成的数组,每个StyleSheet对象都是一个文档中链接或嵌入的样式表。
StyleSheet对象具有cssRules属性,是一个数组,同一个style中的每一条样式都是数组中的一项CSSStyleRuleCSSKeyframeRule等,并具有cssText等属性。其中CSSStyleRule对象具有style属性可用于修改。

stylesheet.insertRule(rule, index)

用于向StyleSheet对象中插入新的css内容

  • rule:必需,要插入的新规则。
  • index:可选,规定新规则插入的位置,默认值为0,也就是在样式表起始位置插入。
let styleSheet = document.styleSheets[0];
styleSheet.insertRule("#ant{color:blue}");

相关文章

  • document.stylesheets

    document.styleSheets 只读属性,返回一个由 StyleSheet对象组成的数组,每个Style...

  • 原生JS——修改css属性

    修改style样式:通过document.styleSheets[n] // n表示期望修改的样式表序号,从0开始...

  • js开启和关闭样式表功能

    如果传递一个数字,函数将其当做document.styleSheets数组中的一个索引,否则当css选择器:fun...

网友评论

    本文标题:document.stylesheets

    本文链接:https://www.haomeiwen.com/subject/tvymnktx.html