window.getComputedStyle 方法：获取css样式

window.getComputedStyle 方法：获取css样式

首先看下官方介绍

image-20220906204019999.png

越看越懵？

看重点
  1. 返回一个对象
  2. 可以通过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,获取其他属性同理
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容