怎样解决Firefox下不支持outerHTML问题
这篇文章给大家分享的是有关怎样解决Firefox下不支持outerHTML问题的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
创新互联是一家专业提供苏尼特左企业网站建设,专注与网站设计制作、网站建设、H5网站设计、小程序制作等业务。10年已为苏尼特左众多企业、政府机构等服务。创新互联专业的建站公司优惠进行中。
var pro = window.HTMLElement.prototype; pro.__defineGetter__("outerHTML", function(){ var str = "<" + this.tagName; var a = this.attributes; for(var i = 0, len = a.length; i < len; i++){ if(a[i].specified){ str += " " + a[i].name + '="' + a[i].value + '"'; } } if(!this.canHaveChildren){ return str + " />"; } return str + ">" + this.innerHTML + "" + this.tagName + ">"; }); pro.__defineSetter__("outerHTML", function(s){ var r = this.ownerDocument.createRange(); r.setStartBefore(this); var df = r.createContextualFragment(s); this.parentNode.replaceChild(df, this); return s; }); pro.__defineGetter__("canHaveChildren", function(){ return !/^(area|base|basefont|col|frame|hr|img|br|input|isindex|link|meta|param)$/.test(this.tagName.toLowerCase()); });
感谢各位的阅读!关于“怎样解决Firefox下不支持outerHTML问题”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
网页名称:怎样解决Firefox下不支持outerHTML问题
网站链接:http://ybzwz.com/article/jpoegc.html