window.getComputedStyle 方法：获取css样式
首先看下官方介绍
image-20220906204019999.png
越看越懵？
看重点
- 返回一个对象
- 可以通过css属性名称进行索引访问
打印一下
let div = document.querySelector('div')
console.log(window.getComputedStyle(div))
得到
image-20220906204410181.png
所以我们可以基本上通过该方法得到元素任何样式的值，该方法：只能获取，不能修改
例如
打印一下
let div = document.querySelector('div')
console.log(window.getComputedStyle(div).height) //输出600px,获取其他属性同理
