首页 > 编程笔记 > JavaScript笔记 > JS操作CSS样式 阅读:152

JS操作CSS样式

JS控制CSS样式表操作 CSS 是 JavaScript 的一项重要能力,配合 HTML5、Ajax、jQuery 等技术,可以设计出细腻、逼真的页面特效和交互行为,大幅提升用户体验,如网页对象的显示/隐藏、定位、变形、运动等动态样式。

JS 通过 DOM 来控制 CSS 样式,也就是可以读写 CSS 样式。

学习完本专题你将掌握以下内容:

教程目录
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实现动画效果(利用定时器)

编程帮,一个分享编程知识的公众号。跟着站长一起学习,每天都有进步。

通俗易懂,深入浅出,一篇文章只讲一个知识点。

文章不深奥,不需要钻研,在公交、在地铁、在厕所都可以阅读,随时随地涨姿势。

文章不涉及代码,不烧脑细胞,人人都可以学习。

当你决定关注「编程帮」,你已然超越了90%的程序员!

编程帮二维码
微信扫描二维码关注