getComputedStyle 简介

427 阅读1分钟

①该方法接收两个参数:要取得计算样式的元素和伪元素字符串,如果不需要查询伪元素,则第二个参数可以传 null;
②和 style 的相同点是二者返回的都是 CSSStyleDeclaration 对象;
③element.style 读取的只是元素的内联样式,即写在元素的 style 属性上的样式;而 getComputedStyle 读取的样式是最终样式,包括了内联样式、嵌入样式和外部样式;element.style 既支持读也支持写,通过 element.style 既可改写元素的样式,而 getComputedStyle 仅支持读并不支持写入,可以通过 getComputedStyle 读取样式,通过 element.style 修改样式;