FireFox不支持outerHTML，怎么办？

IE与Firefox兼容性解决方案

最新推荐文章于 2021-06-27 10:28:47 发布

转载最新推荐文章于 2021-06-27 10:28:47 发布 · 681 阅读

文章标签：

#firefox #function #firebug #ie #input #脚本

本文分享了在项目中遇到的IE与Firefox浏览器兼容性问题及解决方案，包括如何在Firefox中实现outerHTML、srcElement及parentElement的功能。通过扩展DOM原型方法解决了outerHTML不被支持的问题，并提供了一种兼容两种浏览器的parentElement获取方法。

最近的项目要求对同时支持IE和FireFox，为此深受其苦，尤其是对于我这个习惯了使用诸如："event.srcElement"、"outerHTML"、"parentElement"的人来说。许多在IE中使用起来得心应手的对象和方法，在W3C标准面前碰壁，没办法，有问题就得解决，大部分替代方案都是我从优快云的提问或博客园的博客中找到的。 1. FireFox不支持outerHTML，怎么办？解决这个问题，是从这位朋友的博客中找到的办法：http://www.cnblogs.com/doll-net/archive/2007/06/17/786835.html 在使用outerHTML的js文件（或脚本块）中，添加一段DOM原型扩展方法： if(typeof(HTMLElement)!="undefined" && !window.opera) { HTMLElement.prototype.__defineGetter__("outerHTML",function() { var a=this.attributes, str="<"+this.tagName, i=0;for(;i