- 浏览: 2609158 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (1286)
- js-oop (2)
- js-window (10)
- js-event (19)
- js-string (37)
- js-array (27)
- js-page (4)
- js-dom (62)
- js-lang (8)
- js-number (7)
- js-platform (3)
- js-object (15)
- js-element (3)
- js-browser (7)
- js-url (6)
- js-date (10)
- css基础 (48)
- css优化 (15)
- html基础 (17)
- html标签 (19)
- js基础 (117)
- js-兼容性差异 (33)
- js引擎 (3)
- js性能 (14)
- json (6)
- jQuery源码浅析 (43)
- web mobile开发资料 (78)
- js跨域 (2)
- html5 (74)
- html5-canvas (7)
- css3 (53)
- 浏览器 (5)
- api设计学 (3)
- js-加载 (3)
- linux (37)
- 架构师 (1)
- php (2)
- self开发的脚本库--凤凰 (2)
- web应用名词 (6)
- javascript新特性翻译 (8)
- ajax (6)
- jQuery动画效果 (7)
- prototype的解读 (13)
- 优秀插件翻译 (1)
- css解决方案 (26)
- 数据库 (2)
- english daily (59)
- 浏览器内核探究 (1)
- jQuery插件介绍 (9)
- jquery基础篇 (26)
- chrome浏览器问题整理 (14)
- js选择器那些事 (3)
- 前端框架 (26)
- Firefox私有属性 (11)
- webkit私有属性集合 (17)
- 书籍推荐 (21)
- 数据结构 (1)
- 网站建设相关 (7)
- 好文翻译 (2)
- 个人作品 (3)
- kissy的解读 (4)
- css-layout(布局研究) (5)
- less研究 (1)
- YUI探究 (1)
- hash探究 (1)
- js动画 (7)
- 前端面试题 (37)
- css书写规范 (1)
- js模板引擎 (6)
- js模块化 (19)
- 编写高质量代码 (3)
- 性能探究--应用协议 (2)
- 前端图像处理 (19)
- Mac OS相关 (21)
- 正则表达式 (11)
- 离线应用相关 (0)
- 前端工具 (65)
- nodeJS (55)
- jquery优化篇 (2)
- 设计模式探究系列 (3)
- windows7 (2)
- IE10 (10)
- 微博开放平台探究 (2)
- 常用web服务接口 (1)
- 数据存储相关 (8)
- 零时文件 (2)
- jQuery Mobile (16)
- backbone (15)
- underscore (22)
- sass (11)
- android (3)
- phonegap (10)
- IE私有 (11)
- qwrap (8)
- git (14)
- chrome extensions (5)
- freemarker (11)
- angularJS (3)
- seo (2)
- markdown (3)
- css动画 (4)
- 安卓开发 (2)
- React (7)
- 活动页技术 (1)
- 网络安全 (3)
- grunt (7)
- Lo-Dash (3)
- 前端国际化 (4)
- 版本控制 (2)
- 盒模型 (4)
- 微信开发 (1)
- Mock数据工具 (1)
- sails (1)
- vim (1)
- js-color (1)
- iOS 基础 (43)
最新评论
-
jertom:
<div id="showInfo" ...
addEventListener等事件监听的参数细谈 -
乌托邦国王:
引用[u][/u]
css3动画属性系列之transform细讲移动translate -
hvang1988:
能提供附件下载吗,找不到js库,google封了访问不了
Syntaxhighlighter---代码高亮插件介绍 -
sscsacdsadcsd:
我的天 那到底是为什么function是object我看und ...
typeof func ==='function'的疑惑 -
wkjiangwk:
试了,没用,你们从不去测试。
介绍一下x-webkit-speech -------实现语音输入
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
规定样式表语言。
发表评论
-
css 基础之 em 与 rem
2017-02-27 14:03 969em 和 rem 都是相对单位,由浏览器转换为 ... -
css之counter-increment
2014-03-31 18:40 1247CSS 之 counter-increment ... -
css基础之clip属性
2014-03-06 22:03 1086本文介绍一下css的clip属性: ... -
css之initial
2013-11-02 21:04 1132本文来自:https://developer. ... -
position为relative的限制
2013-10-25 15:39 1392本文主要来自:http://www.pl ... -
css opacity属性
2013-04-10 17:12 0内容参考:http://www.dreamd ... -
css基础之text-decoration
2013-02-26 16:19 1383前言: 先看一个app的效 ... -
css伪元素之:first-line
2013-01-15 14:10 1357:first-line -- ... -
css伪元素之:first-letter
2013-01-15 14:11 1335:first-letter ... -
css伪元素之:after
2013-01-14 15:40 1456:after --- ... -
css伪元素之:before
2013-01-14 15:32 1568:before -- ... -
css之ime-mode
2012-08-02 16:21 1851css之ime-mode ---------- ... -
CSS unicode-bidi属性
2012-05-27 17:27 2083CSS unicode-bidi属性 un ... -
整理部分IE hack
2012-05-19 19:25 1513前面也简单地写过一篇简单整理IE的hack,但是那篇只是简单地 ... -
浅谈css3的书写顺序
2012-05-11 16:04 1593前言: 最近一直在写css规范的文档,关于 ... -
热门前端面试题之link与import方式的区别
2012-05-11 13:58 2199写css规范的文档的时候,很多人都会推荐css文件的引入方式尽 ... -
css vertical-align属性
2012-03-25 11:30 1686CSS vertical-align 属性 -- ... -
css伪类
2012-02-16 20:46 1546CSS 伪类 (Pseudo-classes) ... -
css后代选择器
2012-02-16 20:47 1535CSS 后代选择器 ----------- ... -
css相邻兄弟选择器
2012-02-14 14:56 1962CSS 相邻兄弟选择器 ------- ...
相关推荐
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属性 ...
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属性 ...
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属性 ...
这些规则被组织到CSSStyleSheet对象中,对应于HTML中的或标签。 2. **访问CSSOM**:通过JavaScript的`document.styleSheets`属性可以获取所有样式表,进一步可以遍历规则和属性。例如,`document.getElementById('...
返回一个 CSSStyleSheet 对象数组,包含了当前文档中的所有样式表。 #### 文档信息属性 - **`document.documentURI`** 返回当前文档的 URL,等同于 `document.URL`。 - **`document.URL`** 返回当前文档的 ...
此外,`<style>`元素还可以通过`sheet`属性访问到其对应的CSSStyleSheet对象,这个对象提供了进一步操作CSS规则的方法,如添加、删除或修改规则。例如,我们可以这样添加一个CSS规则: ```javascript var sheet = ...
通过document.styleSheets我们可以获取到一个包含页面所有样式表的类似数组的对象 StyleSheetList,可以通过遍历这个列表来访问每一个CSSStyleSheet对象。CSSStyleSheet对象包含了样式表的详细信息,比如它所对应的...
这个集合包含了一个CSSStyleSheet对象的列表,每个对象都有自己的属性和方法,如`type`、`disabled`、`href`、`title`、`media`等。 对于动态添加样式规则,关键在于CSSStyleSheet对象的`cssRules`属性,它返回一个...
CSSStyleSheet 对象是 DOM2 CSS 规范的核心组成部分,它代表了所有 CSS 样式表,无论是外部链接的还是内联样式表。这个对象包含了对 CSS 样式表的各种操作方法,如 `insertRule` 和 `deleteRule`。例如,`insertRule...
`cssRule`是CSSStyleSheet对象中的一个规则集合,允许我们读取、添加和修改CSS规则。 首先,我们需要理解`document.styleSheets`这个属性。它是浏览器提供的一个全局对象,包含了页面中所有内联、内部和外部样式表...
使用CSSStyleSheet对象 对于支持CSSStyleSheet API的浏览器,可以通过这个API来更方便地管理样式表。 ```javascript // 创建新的样式表 var newSheet = document.head.appendChild(document.createElement('style...
CSSStyleSheet对象代表了文档中的一个样式表,可以通过document.styleSheets集合来访问。当需要对页面样式进行动态操作时,可通过获取document.styleSheets集合,来选择和操作特定的样式表。 在操作过程中,需要...
- **通过CSSStyleSheet对象**:`document.styleSheets` 可以获取到页面中的所有样式表,通过索引或ID找到对应的样式表,然后使用 `cssRules` 或 `rules` 属性获取CSS规则,进一步获取宽度和高度。但是这种方法只能...
注意,一些旧版IE浏览器可能不支持直接设置`innerHTML`,因此可能需要使用`insertRule`方法来插入CSS规则,但这通常需要对CSSStyleSheet对象进行操作,较为复杂。 总结来说,HTML动态加载CSS样式和JavaScript脚本...
DOM2.0中,`<link>`标签(类型为`text/css`)和`<style>`标签都被视为`CSSStyleSheet`对象。可以通过`document.styleSheets`访问页面上的所有样式表,这是一个集合而非数组。 每个`CSSStyleSheet`对象有多个属性,...
4. **动态修改CSSOM**:通过JavaScript,我们可以使用`document.styleSheets`,`CSSStyleSheet`,`CSSRule`等API来读取和修改CSSOM。例如,`sheet.insertRule()`用于添加新的CSS规则,`rule.deleteRule()`用于删除...
12. CSSStyleSheet Constructor:CSS样式表构造器定义了样式表对象的属性和方法,允许开发者操作整个CSS样式表,如添加、删除或修改规则。 13. DataTransfer Constructor:数据传输构造器定义了拖放操作中的数据...
cssom::CSSStyleSheet sheet = cssom::parse(stylesheet); // 查找并修改规则 for (const auto& rule : sheet.rules()) { if (rule.selectorText() == ".myClass") { rule.style().setProperty("color", "red"); ...