Dom与浏览器兼容性说明

时间：2021-05-28

作为一个Web前端工作者，你是否在工作中常被浏览器兼容性问题所困惑．例如Css样式?　明明在 IE浏览器里显示一切正常的网页．到了FireFox或谷歌浏览器中却乱作一团．或许你在使用JavaScript和Dom编写网页脚本时，也遇到过类似问题. 明明在FireFox浏览器里运行正常的脚本．到了IE里却出现错误． 比如说获取触发js事件的源目标．还有鼠标位置或元素位置问题．动态为元素绑定事件等．．．我将在下面列举部份Dom指令在IE和FireFox等浏览器 不兼容性的问题！
限于篇幅．我不在该页对提到的Dom指令做详细解释．请点击相关指令名称可以了解详细解释与实例．
在使用JavaScript获取触发事件的源目标时IE和FireFox(火狐)不同表现，也就是说是网页中那个元素触发了事件

  • 在IE浏览器里使用srcElement
  • 在FireFox（火狐）浏览器里使用target

    • 使用Dom获取和更改网页标签元素内文本的问题

  • 在IE浏览器里使用innerText
  • 在FireFox（火狐）浏览器里使用textContent

    • 鼠标在元素内的位置

  • IE中使用offsetX和offsetY来获取鼠标在网页中某一元素的位置
  • FireFox使用layerX和layerY来得到鼠标在网页中某一元素的位置

    • 动态为网页或元素绑定与删除事件的问题

  • 在IE中绑定事件的方法是attachEvent
  • 在IE中删除绑定事件的方法是detachEvent
  • 在FireFox中绑定事件的方法是addEventListener
  • 在FireFox中删除绑定事件的方法是removeEventListener

    • 未完待续......康董于：2010-07-24

    声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

    相关文章