Firefox下不支持Set HTMLElement outerHTML的解决方案

作者: 李嘉日期: 2009-02-21 11:40

字体大小: 小中大

在javascript中，火狐不支持obj.outerHTML=strings的操作，以下代码能够否解决问题，注意HTMLElement是一个HTML对象，需要用一个真实存在的对象代替，如document.getelement('Div1')来替换下面代码的HTMLElement字符串。

HTMLElement.prototype.__defineGetter__("outerHTML", function() {
    var span = document.createElement("span"); span.appendChild(this.cloneNode(true));
    return span.innerHTML;
});

HTMLElement.prototype.__defineSetter__("outerHTML", function(html) {
    var range = document.createRange();
    this.innerHTML = html;
    range.selectNodeContents(this);
    var frag = range.extractContents();
    this.parentNode.insertBefore(frag, this);
    this.parentNode.removeChild(this);
});

或者，你可以自己将上面的语句改成普通函数来使用，例如：

function FF_outerHTML(obj,html) {
    var Objrange = document.createRange();
    obj.innerHTML = html;
    Objrange.selectNodeContents(obj);
    var frag = Objrange.extractContents();
    obj.parentNode.insertBefore(frag, obj);
    obj.parentNode.removeChild(obj);
}

调用方法：FF_outerHTML( document.getElementById('Div1') , 'replaced strings' );