JavaScript脚本操作CSS

脚本化CSS就是使用JavaScript脚本操作CSS，配合HTML5、Ajax、jQuery等技术，可以设计出细腻、逼真的页面特效和交互行为，提升用户体验，如网页对象的显示/隐藏、定位、变形、运动等动态样式。

1、CSS脚本化基础

CSS样式有两种形式：样式属性和样式表。DOM 2级规范提供了一套API，其中包括CSS样式表访问接口。在DOM 2级规范之前，允许使用标签对象的style属性访问行内样式属性。

1.1、访问行内样式

任何支持style特性的HTML标签，在JavaScript中都有一个对应的style脚本属性。style是一个可读可写的对象，包含了一组CSS样式。

使用style的cssText属性可以返回行内样式的字符串表示。同时style对象还包含一组与CSS样式属性一一映射的脚本属性。这些脚本属性的名称与CSS样式属性的名称对应。在JavaScript中，由于连字符是减号运算符，含有连字符的样式属性（如font-family），其脚本属性会以驼峰命名法重新命名（如fontFamily）。