给firefox添加outerHTML属性

最新推荐文章于 2021-06-10 14:16:36 发布

原创最新推荐文章于 2021-06-10 14:16:36 发布 · 230 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#firefox #function #input

Javascript 专栏收录该内容

22 篇文章

订阅专栏

本文介绍了一种在不支持outerHTML特性的浏览器中实现该功能的方法。通过定义getter和setter来获取和设置元素及其子元素的HTML代码。适用于前端开发人员。

if(window.HTMLElement)
{
    var _emptyTags = {
    'img': true,
    'br': true,
    'input': true,
    'meta': true,
    'link': true,
    'param': true,
    'hr': true
    };
    HTMLElement.prototype.__defineGetter__('outerHTML', function(){
    
        var attrs = this.attributes;
        var str = "<" + this.tagName;
        for(var i=0; i<attrs.length; i++)
        {
            str += " " + attrs[i].name + "=/"" + attrs[i].value + "/"";
        }
        if(_emptyTags[this.tagName]) return str + "/>";
        return str + ">" + this.innerHTML + "</" + this.tagName + ">";
    });
    HTMLElement.prototype.__defineSetter__('outerHTML', function(sHTML){
    
        var r = this.ownerDocument.createRange();
        r.setStartBefore(this);
        var df = r.createContextualFragment(sHTML);
        this.parentNode.replaceChild(df, this);
    });
}