首页 > 编程笔记 > JavaScript笔记 > JS操作CSS样式
阅读：24
JS操作CSS样式
操作 CSS 是 JavaScript 的一项重要能力，配合 HTML5、Ajax、jQuery 等技术，可以设计出细腻、逼真的页面特效和交互行为，大幅提升用户体验，如网页对象的显示/隐藏、定位、变形、运动等动态样式。
JS 通过 DOM 来控制 CSS 样式，也就是可以读写 CSS 样式。
学习完本专题你将掌握以下内容：
- 使用 JavaScript 控制行内样式。
- 使用 JavaScript 控制样式表。
- 控制对象大小。
- 控制对象位置。
- 设计显示、隐藏，以及动画效果。
- 教程目录
- 1. JS操作CSS样式（非常详细）
- 2. JS styleSheets对象：读取页面的所有CSS样式
- 3. JS addRule()和insertRule()方法：添加CSS样式
- 4. JS currentStyle属性和getComputedStyle()方法：读取CSS显示样式
- 5. JS scrollLeft和scrollTop属性：读写元素左侧和顶部已滚动的距离
- 6. JS获取浏览器窗口大小
- 7. JS获取元素的大小（高度和宽度）
- 8. JS offsetLeft和offsetTop属性：返回当前元素的偏移位置
- 9. JS offsetParent属性：获取最近的上级定位元素
- 10. JS scrollTo()方法：设置滚动条位置
- 11. JS获取鼠标指针的位置（坐标）
- 12. JS display和visibility属性：显示和隐藏元素
- 13. JS实现动画效果（利用定时器）
