让 Firefox (火狐浏览器) 支持 insertAdjacentHTML 方法

  • A+
所属分类:lcx

    让 Firefox (火狐浏览器) 支持 insertAdjacentHTML 方法,使火狐支持 insertAdjacentHTML 方法,document.body.insertAdjacentHTML。

    insertAdjacentHTML 和 insertAdjacentText 是IE下特有的JS,功能非常好用。

    可惜 Firefox 没有这两东东,不过,加上下面的这段的,Firefox下也可以支持这两个方法了。

在你的JS开头加入:

if(typeof HTMLElement!="undefined" && !HTMLElement.prototype.insertAdjacentElement)
{
     HTMLElement.prototype.insertAdjacentElement = function(where,parsedNode)
     {
        switch (where)
        {
            case 'beforeBegin':
                this.parentNode.insertBefore(parsedNode,this)
                break;
            case 'afterBegin':
                this.insertBefore(parsedNode,this.firstChild);
                break;
            case 'beforeEnd':
                this.appendChild(parsedNode);
                break;
            case 'afterEnd':
                if (this.nextSibling) this.parentNode.insertBefore(parsedNode,this.nextSibling);
                    else this.parentNode.appendChild(parsedNode);
                break;
         }
     }
     HTMLElement.prototype.insertAdjacentHTML = function (where,htmlStr)
     {
         var r = this.ownerDocument.createRange();
         r.setStartBefore(this);
         var parsedHTML = r.createContextualFragment(htmlStr);
         this.insertAdjacentElement(where,parsedHTML)
     }

     HTMLElement.prototype.insertAdjacentText = function (where,txtStr)
     {
         var parsedText = document.createTextNode(txtStr)
         this.insertAdjacentElement(where,parsedText)
     }
}

文章来源于lcx.cc:让 Firefox (火狐浏览器) 支持 insertAdjacentHTML 方法

相关推荐: 视频:神奇的读心大师 网上有你的整个人生 利用社工+人肉来做神棍……

网上有你的整个人生 - Your entire life is online 利用社工+人肉来做神棍…… 原始视频地址:http://www.youtube.com/watch?v=F7pYHN9iC9I 比利时金融行业协会/银行公会公益广告:http://w…

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: