FF上实现outerHTML

最新推荐文章于 2022-03-16 18:12:44 发布

axl234

最新推荐文章于 2022-03-16 18:12:44 发布

阅读量78

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/axl234/article/details/84198824

版权

javascript 专栏收录该内容

158 篇文章 0 订阅

订阅专栏

FF下是不能认识outerHTML，因为outerHTML不是W3C的标准属性，网上使用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());
    });
}