如何获取样式并且更改样式如何获取样式并且更改样式

getComputedStyle() getComputedStyle用法

document.defaultView.getComputedStyle(element[,pseudo-element]);

或者

window.getComputedStyle(element[,pseudo-element]);

参数
【如何获取样式并且更改样式】首先是有两个参数，元素和伪类。第二个参数不是必须的，当不查询伪类元素的时候可以忽略或者传入 null。
使用示例：

let my_div = document.getElementById("myDiv");

let style = window.getComputedStyle(my_div, null);

getPropertyValue() 所述CSSStyleDeclaration.getPropertyValue（）方法接口返回一个DOMString含有一个指定的CSS属性的值。
参数

property 是DOMString 要检查表示属性名称。

返回值

*value* 是一个DOMString包含该属性的值。如果未设置，则返回空字符串。

例
以下JavaScript代码查询marginCSS选择器规则中的属性值：

var declaration = document.styleSheets[0].cssRules[0].style; var value = https://www.it610.com/article/declaration.getPropertyValue('margin'); // "1px 2px"

如果我们不使用getPropertyValue方法，直接使用键值访问，其实也是可以的。但是，比如这里的的float，如果使用键值访问，则不能直接使用getComputedStyle(element, null).float，而应该是cssFloat与styleFloat，自然需要浏览器判断了，比较折腾！
使用getPropertyValue方法不必可以驼峰书写形式（不支持驼峰写法），例如：

style.getPropertyValue("border-top-left-radius");

getComputedStyle方法在伪类元素上的特异功能
总体示例

Document - 锐客网.box { border: 1px solid; margin: 10px; } .p1 { font-size: 20px; padding: 10px; color: red; }获取dom计算后的样式

输出结果：

文章图片
image

如何获取样式并且更改样式

推荐阅读

李英仁哇咔咔人生整理心药（奔命的你请卸下盔甲和面具，给自己一个反手的拥抱）

婚外情男人的六个阶段男人容易放下婚外情吗

cpu导热硅脂

iqoo|红米10X和荣耀X10以及Z1都是5G手机，应该选择哪个更好

2020交通事故赔偿明细一览表

东风起亚k3首付多少钱_起亚k3首付多少钱

怎么看冬枣熟没熟

警犬哪个品种好

6030杂碎发现

月腮的拼音腮怎么读

中华的华怎么组词华怎么组词

芯片问题终于解决,华为新机 Mate 40月底正式发布,你怎么看？

唐立淇2023星座运势唐立淇每日星座运势

办公室如何切西瓜影音

怎么做电子版照片电脑怎么做电子版照片

粽子煮多长时间能煮熟？高压锅煮粽子需要多长时间

阆苑仙葩指的是阆苑仙葩的简介

美的空调温度校准,多半是这些方面导致

机皇|机皇还是“圾皇”，荣耀Play新机下个月发布，全系标配超级快充

详解L351清零的操作步骤 L351清零