第十讲 css和js交互（Style对象、使用style属性改变样式、获取样式属性值、网页卷去的距离与偏移量、新增内容）

Fiki515

已于 2022-04-24 22:48:50 修改

阅读量549

点赞数

文章标签： java

于 2022-04-24 20:25:48 首次发布

本文链接：https://blog.csdn.net/Fiki515/article/details/124390522

版权

本文详细介绍了如何使用JavaScript操作CSS，包括Style对象的使用，如通过className属性改变样式，以及获取样式属性值的方法。还讨论了网页卷去的距离与偏移量的属性，如scrollLeft和scrollTop。新增内容中讲解了classList属性，用于操作元素类样式，以及利用getBoundingClientRect()获取元素相对于视窗的位置。

摘要由CSDN通过智能技术生成

一、Style对象

语法：HTML元素.style.样式属性＝"值"

注意：遵循驼峰式写法

1、style对象的属性

类别	属性	描述
Padding （边距）	padding	设置元素的填充
Padding （边距）	paddingTop paddingBottom paddingLeft paddingRight	设置元素的上、下、左、右填充
Border （边框）	border	设置四个边框所有的属性</

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Fiki515

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
第十讲 css和js交互（Style对象、使用style属性改变样式、获取样式属性值、网页卷去的距离与偏移量、新增内容）

一、Style对象语法：HTML元素.style.样式属性＝"值"注意：遵循驼峰式写法1、style对象的属性类别属性描述 Padding （边距） padding 设置元素的填充 paddingToppaddingBottom paddingLeft paddingRight 设置元素的上、下、左、右填充.
复制链接

扫一扫