Window getComputedStyle() 方法
Window 對象定義和用法
getComputedStyle() 方法用於獲取指定元素的 CSS 樣式。
獲取的樣式是元素在流覽器中最終渲染效果的樣式。
語法
window.getComputedStyle(element, pseudoElement)
參數說明：
- element: 必需，要獲取樣式的元素。
- pseudoElement: 可選，偽類元素，當不查詢偽類元素的時候可以忽略或者傳入 null。
返回值
返回的對象是 CSSStyleDeclaration 類型的對象。流覽器支持
表格中的數字表示支持該方法的第一個流覽器版本號。
| 方法 | |||||
|---|---|---|---|---|---|
| getComputedStyle() | 11.0 | 9.0 | 4.0 | 5 | 11.5 |
實例
實例
獲取 DIV 的背景顏色值：
function myFunction(){
var elem = document.getElementById("test");
var theCSSprop = window.getComputedStyle(elem, null).getPropertyValue("background-color");
document.getElementById("demo").innerHTML = theCSSprop;
}