當我們在IE中使用IE提供的DOM時，我們會發現關於style的相關屬性有三個分組，它們分別是style、runtimeStyle和currentStyle。關於這個三種style的作用和基本用途，我曾經在這篇文章中有講過，但隨着越來越深入的使用，總算對怎麼使用runtimeStyle屬性有了一些自己的心得。
首先，runtimeStyle屬性不是必需的，它的存在甚至遠沒有currentStyle有意義，因爲由於IE佈局、呈現原理限制，style屬性裏的定義，總有一些是無法和currentStyle同步的。什麼意思呢？比如我們不設定TR元素的line-height或table-layout樣式屬性，我們是無法得到任意高度的表格行的，即使你費勁寫上100個style="height: 1px"，也是沒有任何效果的。這時style的height雖然是1px，而currentStyle的height仍然是表格實際的高度。firefox不提供runtimeStyle和currentStyle，不知道它怎麼解決這個不同步的問題？是不是會反向同步不能表現的style屬性呢？
所以，runtimeStyle屬性說白了就是用來錦上添花的，那麼有沒有只有使用runtimeStyle才能完成的功能或效果呢？要說有那也是自找的，比如本blog的Invert頁面顏色功能，這個還真的是隻有使用runtimeStyle屬性才能做出來。除此之外，由於對runtimeStyle屬性的設置不用同步到style，也不會同步，所以使用runtimeStyle修改元素的樣式應該有更高的效率。不過這個不同步同時帶來一個比較隱蔽的問題，如果我們總是操作dom，使用runtimeStyle和currentStyle是沒有問題的，可是如果我們在實現中又穿插使用DHTML特性，比如讀寫innerHTML或讀取outerHTML屬性。這時不同步style的問題就出來了，不小心遇上回鬱悶個半死的，因爲程序不會有任何的運行錯誤，就是不管怎麼弄都沒有預期的效果。
總結一：runtimeStyle屬性一定要配對使用，即element.runtimeStyle.xxx = 'attribue';和element.runtimeStyle.xxx = '';配對。如果可以明確的寫出element.style.xxx = 'attribue1';和element.style.xxx = 'attribue2';，那麼就沒有什麼必要使用runtimeStyle了。在同一個元素中混用style和runtimeStyle應該是一定要禁止的，由於style和runtimeStyle覆蓋優先級不同，如果混用稍有不慎就會出一些莫名奇妙的問題，徒增debug的困擾和難度。
總結二：runtimeStyle屬性不要在有innerHTML和outerHTML操作的編程環境中使用，否則不小心就會鬱悶個半死。因爲runtimeStyle的修改不會同步會html中的style裏去，這個問題就會類似上面提到的同一元素中混用style和runtimeStyle的問題。
當然混用在首次實現的時候使用，程序員心裏面其實是很清楚地，一般不會出什麼大差錯，可是這樣的代碼會給後期的debug以及update埋下很嚴重的錯誤隱患。
