Dom與瀏覽器安全色

如果你還不瞭解Dom或不知道Dom的作用．請閱讀：Dom是什嗎？
作為一個Web前端工作者，你是否在工作中常被瀏覽器安全色性問題所困惑．例如Css樣式?　明明在 IE瀏覽器裡顯示一切正常的網頁．到了FireFox或Google瀏覽器中卻亂作一團．或許你在使用JavaScript和Dom編寫網頁指令碼時，也遇到過類似問題. 明明在FireFox瀏覽器裡運行正常的指令碼．到了IE裡卻出現錯誤． 比如說擷取觸發js事件的源目標．還有滑鼠位置或元素位置問題．動態為元素繫結事件等．．．我將在下面列舉部份Dom指令在IE和FireFox等瀏覽器 不相容性的問題！
限於篇幅．我不在該頁對提到的Dom指令做詳細解釋．請點擊相關指令名稱可以瞭解詳細解釋與執行個體．
在使用JavaScript擷取觸發事件的源目標時IE和FireFox(Firefox)不同表現，也就是說是網頁中那個元素觸發了事件

1. 在IE瀏覽器裡使用srcElement
2. 在FireFox（Firefox）瀏覽器裡使用target

使用Dom擷取和更改網頁標籤元素內文本的問題

1. 在IE瀏覽器裡使用innerText
2. 在FireFox（Firefox）瀏覽器裡使用textContent

滑鼠在元素內的位置

1. IE中使用offsetX和offsetY來擷取滑鼠在網頁中某一元素的位置
2. FireFox使用layerX和layerY來得到滑鼠在網頁中某一元素的位置

動態為網頁或元素繫結與刪除事件的問題

1. 在IE中綁定事件的方法是attachEvent
2. 在IE中刪除綁定事件的方法是detachEvent
3. 在FireFox中綁定事件的方法是addEventListener
4. 在FireFox中刪除綁定事件的方法是removeEventListener

未完待續......康董於：2010-08-12