`
zhangyaochun
  • 浏览: 2613237 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

CSSStyleSheet对象

阅读更多

CSSStyleSheet对象

 

   ---------表示一个单独的CSS样式表。

 

 

  • CSS样式表由CSS规则组成,可通过CSSRule对象操作每条规则。
  • CSSStyleSheet对象允许您查询、插入和删除样式表规则
  • 使用document.styleSheets属性获得给定文档的样式表列表

CSSStyleSheet对象的属性:

  • cssRules
       以数组的形式返回样式表的所有CSS规则

  • disabled
       是否应用当前样式表,如果为true,样式表关闭,且不能应用于文档,
                                     如果是false,样式表打开且应用于文档。

  • href
       返回样式表的位置,如果是内联样式表,则为null  --------测试发现Chrome下是undefined

  • media
       规定样式信息预期的目标媒介

  • ownerNode
      返回该样式表与文档关联的节点


  • ownerRule
      如果该样式表是来自@import规则,ownerRule属性将包含CSSImportRule

  • parentStyleSheet
      返回包含该样式表的样式表

  • title
     返回当前样式表的标题。可以通过引用样式表的<style>或者<link>元素的title属性设置。

  • type
     规定样式表语言。

分享到:
评论

相关推荐

    [JavaScript.DOM高级程序设计](加)桑贝斯.扫描版.part3.rar

     5.1.1 CSSStyleSheet对象   5.1.2 CSSStyleRule对象   5.1.3 CSSStyleDeclaration对象   5.1.4 支持的匮乏   5.2 当DOM 脚本遇到样式   5.3 把样式置于DOM脚本之外   5.3.1 style属性   ...

    [JavaScript.DOM高级程序设计](加)桑贝斯.扫描版.part2.rar

     5.1.1 CSSStyleSheet对象   5.1.2 CSSStyleRule对象   5.1.3 CSSStyleDeclaration对象   5.1.4 支持的匮乏   5.2 当DOM 脚本遇到样式   5.3 把样式置于DOM脚本之外   5.3.1 style属性   ...

    [JavaScript.DOM高级程序设计](加)桑贝斯.扫描版.part1.rar

     5.1.1 CSSStyleSheet对象   5.1.2 CSSStyleRule对象   5.1.3 CSSStyleDeclaration对象   5.1.4 支持的匮乏   5.2 当DOM 脚本遇到样式   5.3 把样式置于DOM脚本之外   5.3.1 style属性   ...

    前端项目-cssobj.zip

    这些规则被组织到CSSStyleSheet对象中,对应于HTML中的或标签。 2. **访问CSSOM**:通过JavaScript的`document.styleSheets`属性可以获取所有样式表,进一步可以遍历规则和属性。例如,`document.getElementById('...

    javascriptDom节点API个人总结.docx

    返回一个 CSSStyleSheet 对象数组,包含了当前文档中的所有样式表。 #### 文档信息属性 - **`document.documentURI`** 返回当前文档的 URL,等同于 `document.URL`。 - **`document.URL`** 返回当前文档的 ...

    动态添加style元素

    此外,`&lt;style&gt;`元素还可以通过`sheet`属性访问到其对应的CSSStyleSheet对象,这个对象提供了进一步操作CSS规则的方法,如添加、删除或修改规则。例如,我们可以这样添加一个CSS规则: ```javascript var sheet = ...

    JavaScript实现动态创建CSS样式规则方案

    通过document.styleSheets我们可以获取到一个包含页面所有样式表的类似数组的对象 StyleSheetList,可以通过遍历这个列表来访问每一个CSSStyleSheet对象。CSSStyleSheet对象包含了样式表的详细信息,比如它所对应的...

    再谈javascript 动态添加样式规则 W3C校检

    这个集合包含了一个CSSStyleSheet对象的列表,每个对象都有自己的属性和方法,如`type`、`disabled`、`href`、`title`、`media`等。 对于动态添加样式规则,关键在于CSSStyleSheet对象的`cssRules`属性,它返回一个...

    javascript 动态修改样式和层叠样式表代码

    CSSStyleSheet 对象是 DOM2 CSS 规范的核心组成部分,它代表了所有 CSS 样式表,无论是外部链接的还是内联样式表。这个对象包含了对 CSS 样式表的各种操作方法,如 `insertRule` 和 `deleteRule`。例如,`insertRule...

    js 动态修改css文件用到了cssRule

    `cssRule`是CSSStyleSheet对象中的一个规则集合,允许我们读取、添加和修改CSS规则。 首先,我们需要理解`document.styleSheets`这个属性。它是浏览器提供的一个全局对象,包含了页面中所有内联、内部和外部样式表...

    JS控制CSS样式的方法

    使用CSSStyleSheet对象 对于支持CSSStyleSheet API的浏览器,可以通过这个API来更方便地管理样式表。 ```javascript // 创建新的样式表 var newSheet = document.head.appendChild(document.createElement('style...

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

    CSSStyleSheet对象代表了文档中的一个样式表,可以通过document.styleSheets集合来访问。当需要对页面样式进行动态操作时,可通过获取document.styleSheets集合,来选择和操作特定的样式表。 在操作过程中,需要...

    JavaScript DOM元素尺寸和位置

    - **通过CSSStyleSheet对象**:`document.styleSheets` 可以获取到页面中的所有样式表,通过索引或ID找到对应的样式表,然后使用 `cssRules` 或 `rules` 属性获取CSS规则,进一步获取宽度和高度。但是这种方法只能...

    html动态加载css样式和js脚本示例

    注意,一些旧版IE浏览器可能不支持直接设置`innerHTML`,因此可能需要使用`insertRule`方法来插入CSS规则,但这通常需要对CSSStyleSheet对象进行操作,较为复杂。 总结来说,HTML动态加载CSS样式和JavaScript脚本...

    再谈动态添加样式规则的方法

    DOM2.0中,`&lt;link&gt;`标签(类型为`text/css`)和`&lt;style&gt;`标签都被视为`CSSStyleSheet`对象。可以通过`document.styleSheets`访问页面上的所有样式表,这是一个集合而非数组。 每个`CSSStyleSheet`对象有多个属性,...

    om

    4. **动态修改CSSOM**:通过JavaScript,我们可以使用`document.styleSheets`,`CSSStyleSheet`,`CSSRule`等API来读取和修改CSSOM。例如,`sheet.insertRule()`用于添加新的CSS规则,`rule.deleteRule()`用于删除...

    IE8 新增的Javascript 开发接口说明

    12. CSSStyleSheet Constructor:CSS样式表构造器定义了样式表对象的属性和方法,允许开发者操作整个CSS样式表,如添加、删除或修改规则。 13. DataTransfer Constructor:数据传输构造器定义了拖放操作中的数据...

    cssom:CSS对象模型C ++库

    cssom::CSSStyleSheet sheet = cssom::parse(stylesheet); // 查找并修改规则 for (const auto& rule : sheet.rules()) { if (rule.selectorText() == ".myClass") { rule.style().setProperty("color", "red"); ...

Global site tag (gtag.js) - Google Analytics