1. 程式人生 > >getcomputedstyle和style的區別

getcomputedstyle和style的區別

getcomputedstyle

1.只讀與可寫
getComputedStyle方法是只讀的,只能獲取樣式,不能設置;而element.style能讀能寫,能屈能伸。
2.獲取的對象範圍
getComputedStyle方法獲取的是最終應用在元素上的所有CSS屬性對象(即使沒有CSS代碼,也會把默認的祖宗八代都顯示出來);而element.style只能獲取元素style屬性中的CSS樣式。因此對於一個光禿禿的元素<p>,getComputedStyle方法返回對象中length屬性值(如果有)就是190+(據我測試FF:192, IE9:195, Chrome:253, 不同環境結果可能有差異), 而element.style就是0。
3.作用
getComputedStyle方法有一個很重要的,類似css()方法沒有的功能——獲取偽類元素樣式
4.兼容性
getComputedStyle方法IE6~8是不支持的

getcomputedstyle和style的區別