解决Firefox下不支持outerHTML问题代码分享


Posted in HTML / CSS onJune 04, 2014

代码很简单,如下:

复制代码
代码如下:

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());
});
HTML / CSS 相关文章推荐
CSS3 Media Queries详细介绍和使用实例
May 08 HTML / CSS
一款纯css3实现的动画加载导航
Oct 08 HTML / CSS
css3实例教程 一款纯css3实现的环形导航菜单
Oct 20 HTML / CSS
CSS3 RGBA色彩模式使用实例讲解
Apr 26 HTML / CSS
CSS3圆角边框和边界图片效果实例
Jul 01 HTML / CSS
html5使用Canvas绘图的使用方法
Nov 21 HTML / CSS
HTML5 Geolocation API的正确使用方法
Dec 04 HTML / CSS
HTML5注册表单的自动聚焦与占位文本示例代码
Jul 19 HTML / CSS
关于h5中的fetch方法解读(小结)
Nov 15 HTML / CSS
浅析HTML5中的download属性使用
Mar 13 HTML / CSS
纯CSS如何禁止用户复制网页的内容
Nov 01 HTML / CSS
CSS控制继承中的height能变为可继承吗
Jun 10 HTML / CSS
html5小技巧之通过document.head获取head元素
Jun 04 #HTML / CSS
HTML5图片预览实例分享
Jun 04 #HTML / CSS
阻止移动设备(手机、pad)浏览器双击放大网页的方法
Jun 03 #HTML / CSS
Application Cache未缓存文件无法访问无法加载问题
May 31 #HTML / CSS
HTML5 input placeholder 颜色修改示例
May 30 #HTML / CSS
利用HTML5的新特点实现图片文件异步上传
May 29 #HTML / CSS
HTML5 canvas绘制的玫瑰花效果
May 29 #HTML / CSS
You might like
PHP获取网站域名和地址的代码
2008/08/17 PHP
php单件模式结合命令链模式使用说明
2008/09/07 PHP
解析:使用php mongodb扩展时 需要注意的事项
2013/06/18 PHP
浅谈php命令行用法
2015/02/04 PHP
PHP里的单例类写法实例
2015/06/25 PHP
Laravel6.18.19如何优雅的切换发件账户
2020/06/14 PHP
基于thinkphp5框架实现微信小程序支付 退款 订单查询 退款查询操作
2020/08/17 PHP
javascript实现图片循环渐显播放的方法
2015/02/24 Javascript
对比分析AngularJS中的$http.post与jQuery.post的区别
2015/02/27 Javascript
JS弹出窗口插件zDialog简单用法示例
2016/06/12 Javascript
canvas实现图片根据滑块放大缩小效果
2017/02/24 Javascript
微信小程序 密码输入(源码下载)
2017/06/27 Javascript
Angular4如何自定义首屏的加载动画详解
2017/07/26 Javascript
jquery 一键复制到剪切板的实例
2017/09/20 jQuery
React Native中TabBarIOS的简单使用方法示例
2017/10/13 Javascript
vue cli使用绝对路径引用图片问题的解决
2017/12/06 Javascript
vue-cli构建vue项目的步骤详解
2019/01/27 Javascript
vue配置font-awesome5的方法步骤
2019/01/27 Javascript
vue实现购物车抛物线小球动画效果的方法详解
2019/02/13 Javascript
深入浅析Vue 中 ref 的使用
2019/04/29 Javascript
vue瀑布流组件实现上拉加载更多
2020/03/10 Javascript
小程序中的箭头函数的具体使用
2020/06/19 Javascript
Vue看了就会的8个小技巧
2021/01/21 Vue.js
python检测文件夹变化,并拷贝有更新的文件到对应目录的方法
2018/10/17 Python
python3排序的实例方法
2020/10/20 Python
Python paramiko使用方法代码汇总
2020/11/20 Python
canvas实现圆绘制的示例代码
2019/09/11 HTML / CSS
欧舒丹比利时官网:L’OCCITANE比利时
2017/04/25 全球购物
国外最大的眼镜网站:Coastal
2017/08/09 全球购物
美国开幕式潮店:Opening Ceremony
2018/02/10 全球购物
Lookfantastic西班牙官网:英国知名美妆购物网站
2018/06/13 全球购物
英国最大的在线照明商店:Litecraft
2020/08/31 全球购物
校园安全标语
2014/06/07 职场文书
项目安全员岗位职责
2015/02/15 职场文书
SpringBoot整合阿里云视频点播的过程详解
2021/12/06 Java/Android
移除Selenium中window.navigator.webdriver值
2022/06/10 Python