2020-12-24 09:35:58 +08:00
|
|
|
|
# style
|
|
|
|
|
|
|
|
|
|
大多命名都是能转换的 只有float 是cssFloat
|
|
|
|
|
|
|
|
|
|
el.style.css = value
|
|
|
|
|
|
|
|
|
|
## 扩展
|
|
|
|
|
|
|
|
|
|
- cssText style css代码
|
|
|
|
|
- length css数量
|
|
|
|
|
- getPropertyCSSValue 判断是否使用important
|
|
|
|
|
- getPropertyValue 返回查询属性的值
|
|
|
|
|
- item 返回索引的css属性名
|
|
|
|
|
- removeProperty 删除css属性
|
|
|
|
|
- setProperty 设置css属性
|
|
|
|
|
|
2020-12-25 09:35:21 +08:00
|
|
|
|
## 偏移尺寸
|
2020-12-24 09:35:58 +08:00
|
|
|
|
|
|
|
|
|
![jacascript 偏移量offset、客户区client - 快乐锁- 博客园](17style操作.assets/1067628-20170420000550759-576494200.jpg)
|
|
|
|
|
|
2020-12-25 09:35:21 +08:00
|
|
|
|
这些都是相对于父元素的
|
|
|
|
|
|
|
|
|
|
## 客户端尺寸
|
|
|
|
|
|
|
|
|
|
![JavaScript浏览器视口相关属性(图解) | 码农家园](17style操作.assets/2020060423401084.png)
|
|
|
|
|
|
|
|
|
|
元素内部空间
|
|
|
|
|
|
|
|
|
|
## 滚动尺寸
|
|
|
|
|
|
|
|
|
|
![js第225天解释下offsetWidth、clientWidth、scrollWidth这三者的区别是什么? · Issue #1572 · haizlin/fe-interview · GitHub](17style操作.assets/69684321-3e819b00-10f3-11ea-8b1b-6c550fb8a78c.png)
|
|
|
|
|
|
|
|
|
|
## 确定元素尺寸
|
|
|
|
|
|
|
|
|
|
getBoundingClientRect()
|
|
|
|
|
|
|
|
|
|
- letf
|
|
|
|
|
- right
|
|
|
|
|
- top
|
|
|
|
|
- bottom
|
|
|
|
|
- height
|
|
|
|
|
- width
|
|
|
|
|
|