FireFox不支持outerHTML，怎麼辦？

    最近的項目要求對同時支持IE和FireFox，爲此深受其苦，尤其是對於我這個習慣了使用諸如："event.srcElement"、"outerHTML"、"parentElement"的人來說。許多在IE中使用起來得心應手的對象和方法，在W3C標準面前碰壁，沒辦法，有問題就得解決，大部分替代方案都是我從CSDN的提問或博客園的博客中找到的。

 

    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<a.length;i++) if(a[i].specified) str+=" "+a[i].name+'="'+a[i].value+'"'; if(!this.canHaveChildren) return str+" />"; return str+">"+this.innerHTML+"</"+this.tagName+">"; }); HTMLElement.prototype.__defineSetter__("outerHTML",function(s) { var r = this.ownerDocument.createRange(); r.setStartBefore(this); var df = r.createContextualFragment(s); this.parentNode.replaceChild(df, this); return s; }); HTMLElement.prototype.__defineGetter__("canHaveChildren",function() { return !/^(area|base|basefont|col|frame|hr|img|br|input|isindex|link|meta|param)$/.test(this.tagName.toLowerCase()); }); }

    然後，就可以正常使用outerHTML對象了。

 

    2. FireFox不支持srcElement、parentElement，怎麼辦？

    我一般在這種情況下會使用到"srcElement、parentElement"對象：

    function checkInput() { var e = event.srcElement; // 當前觸發事件的控件 var td = e.parentElement; // 控件所在表格的單元格 var tr = e.parentElement; // 控件所在表格的行 // 拿到這三個對象我可以很方便的使用類似："tr.cells[0]"方式，來訪問表格的任何一個單元格 }

    使用FireBug插件，斷點查看這三個對象都是"undefined"，怎麼辦呢？

    對於"event.srcElement"對象，我們完全可以使用"this"關鍵字來替換，即：在調用這個方法時候，傳入參數使用this，而在方法定義中，就可以使用當前對象了。

    <input type="text" id="t1" οnblur="checkInput(this)" /> ........ <mce:script type="text/javascript"><!-- function checkInput(e) { // e等同於IE中event.srcElement的對象了 } // --></mce:script>

    而對於"parentElement"對象，雖然FF不識別它，但FF識別"parentNode"，因此可以使用以下方式，解決parentElement的問題：

    function checkInput(e) { var td = e.parentElement || e.parentNode; var tr = td.parentElement || td.parentNode; }

 

    這是IE與FF區別的一部分總結，我想對於這些區別，不能視爲洪水猛獸，望而興嘆，總會有替換方法的。