CSS Object Model
CSS Object Model 是一组允许用 JavaScript 操纵 CSS 的 API。 它是继 DOM 和 HTML API 之后,又一个操纵 CSS 的接口,从而能够动态地读取和修改 CSS 样式。
API 参考
AnimationEvent
CaretPosition
(en-US)CSS
CSSCharsetRule
CSSConditionRule
CSSCounterStyleRule
(en-US)CSSFontFaceRule
(en-US)CSSFontFeatureValuesMap
CSSFontFeatureValuesRule
CSSGroupingRule
CSSImportRule
(en-US)CSSKeyframeRule
(en-US)CSSKeyframesRule
(en-US)CSSMarginRule
CSSMediaRule
CSSNamespaceRule
(en-US)CSSPageRule
CSSRule
CSSRuleList
CSSStylesheet
CSSStyleDeclaration
CSSSupportsRule
CSSVariablesMap
CSSViewportRule
ElementCSSInlineStyle
(en-US)GeometryUtils
GetStyleUtils
LinkStyle
(en-US)MediaList
MediaQueryList
PseudoElement
Screen
Stylesheet
StylesheetList
TransitionEvent
CSSOM 相关规范也扩展了其他几个接口:
Document
, Window
, Element
, HTMLElement
, HTMLImageElement
, Range
, MouseEvent
, and SVGElement
.
教程
- Determining the dimensions of elements(这篇文档可能有点过时,因为它是在 DHTML/Ajax 时代写的)。
- Managing screen orientation (en-US)
规范
Specification |
---|
CSS Object Model (CSSOM) |
CSSOM View Module |
CSS Typed OM Level 2 |
浏览器兼容性
近几年所有的这些新特性正在一点一点的向不同的浏览器内添加,不过这确实是一个很复杂无法用简单表格总结的过程。如果具体项目中需要用到,请详细的检查接口的可用性。