用javascript getComputedStyle擷取和設定style的原理

有興趣的朋友搜尋"百度 popup"就好了，已經有人給出了注釋，強大。
最有意思的是用javascript擷取和設定style

DOM標準引入了覆蓋樣式表的概念，當我們用document.getElementById("id").style.backgroundColor 擷取樣式時 擷取的只是id中style屬性中設定的背景色，如果id中的style屬性中沒有設定background-color那麼就會返回空，也就是說如果id用class屬性引用了一個外部樣式表，在這個外部樣式表中設定的背景色，那麼不好意思document.getElementById("id").style.backgroundColor 這種寫法不好使，如果要擷取外部樣式表中的設定，需要用到window對象的getComputedStyle()方法，代碼這樣寫window.getComputedStyle(id,null).backgroundColor
但是相容問題又來了，這麼寫在firefox中好使，但在IE中不好使
兩者相容的方式寫成
window.getComputedStyle?window.getComputedStyle(id,null).backgroundColor:id.currentStyle["backgroundColor"];
如果是擷取背景色，這種方法在firefox和IE中的傳回值還是不一樣的，IE中是返回"#ffff99"樣子的，而firefox中返回"rgb(238, 44, 34) "
值得注意的是：window.getComputedStyle(id,null)這種方式不能設定樣式，只能擷取，要設定還得寫成類似這樣id.style.background="#EE2C21";