webveuje/javascript/17style操作.md

# style

大多命名都是能转换的 只有float 是cssFloat

el.style.css = value

## 扩展

- cssText style css代码
- length css数量
- getPropertyCSSValue 判断是否使用important
- getPropertyValue 返回查询属性的值
- item 返回索引的css属性名
- removeProperty 删除css属性
- setProperty 设置css属性

## 偏移尺寸

![jacascript 偏移量offset、客户区client - 快乐锁- 博客园](17style操作.assets/1067628-20170420000550759-576494200.jpg)

这些都是相对于父元素的

## 客户端尺寸

![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