Window.getComputedStyle()方法可以获取计算后的样式,它返回的是一个CSSStyleDeclaration对象,其中包含了当前元素的所有计算后的样式。它能够获取元素的所有最终应用的样式,而不管它们是在元素内部的style属性中声明的,还是在外部样式表中声明的,或者是继承自其他元素的样式。
使用方法
// 获取id为myDiv的元素的计算后样式 var myDivStyle = window.getComputedStyle(document.getElementById("myDiv")); // 获取id为myDiv的元素计算后的background-color样式 var backgroundColor = myDivStyle.getPropertyValue("background-color");
,要获取元素,可以使用document.getElementById()方法,将元素传入window.getComputedStyle()方法,返回一个CSSStyleDeclaration对象,这个对象中包含了当前元素的所有计算后的样式,调用getPropertyValue()方法,传入想要获取的样式名,就可以获取到该样式的值了。
window.getComputedStyle()方法可以获取元素的最终应用的样式,它是一个非常有用的方法,可以用来获取元素的样式,也可以用来检测浏览器是否支持某个CSS属性,以及检测浏览器是否正确地应用了某个CSS属性。