webveuje/javascript/17style操作.md

44 lines
1003 B
Markdown
Raw Normal View History

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