window.getComputedStyle 方法：獲取css樣式

首先看下官方介紹

image-20220906204019999.png

越看越懵？

看重點(diǎn)

1. 返回一個(gè)對象
2. 可以通過css屬性名稱進(jìn)行索引訪問

打印一下

  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,獲取其他屬性同理