解决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 渐变(Gradients)之CSS3 径向渐变
Jul 08 HTML / CSS
CSS3结构性伪类选择器九种写法
Apr 18 HTML / CSS
纯CSS和jQuery实现的在页面顶部显示的进度条效果2例(仿手机浏览器进度条效果)
Apr 16 HTML / CSS
使用CSS3和Checkbox实现JQuery的一些效果
Aug 03 HTML / CSS
css3 border旋转时的动画应用
Jan 22 HTML / CSS
解决CSS3的opacity属性带来的层叠顺序问题
May 09 HTML / CSS
结合CSS3的新特性来总结垂直居中的实现方法
May 30 HTML / CSS
仿酷狗html5手机音乐播放器主要部分代码
May 15 HTML / CSS
阻止移动设备(手机、pad)浏览器双击放大网页的方法
Jun 03 HTML / CSS
HTML5 canvas基本绘图之绘制曲线
Jun 27 HTML / CSS
Canvas中设置width与height的问题浅析
Nov 01 HTML / CSS
HTML5逐步分析实现拖放功能的方法
Sep 30 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
评分9.0以上的动画电影,剧情除了经典还很燃
2020/03/04 日漫
PHP表单提交表单名称含有点号(.)则会被转化为下划线(_)
2011/12/14 PHP
php对数组排序代码分享
2014/02/24 PHP
常见php数据文件缓存类汇总
2014/12/05 PHP
PHP之将POST数据转化为字符串的实现代码
2016/11/03 PHP
php文件包含目录配置open_basedir的使用与性能详解
2017/04/03 PHP
php通过各种函数判断0和空
2020/07/04 PHP
File文件控件,选中文件(图片,flash,视频)即立即预览显示
2009/04/09 Javascript
在浏览器窗口上添加遮罩层的方法
2012/11/12 Javascript
谷歌浏览器不支持showModalDialog模态对话框的解决方法
2014/09/22 Javascript
学习Javascript面向对象编程之封装
2016/02/23 Javascript
ES6正则表达式扩展笔记
2017/07/25 Javascript
详解vue-cli与webpack结合如何处理静态资源
2017/09/19 Javascript
使用webpack搭建react开发环境的方法
2018/05/15 Javascript
微信小程序自定义对话框弹出和隐藏动画
2018/07/19 Javascript
Angular8 简单表单验证的实现示例
2020/06/03 Javascript
Openlayers测量距离与面积的实现方法
2020/09/25 Javascript
[03:03]2014DOTA2西雅图国际邀请赛 Alliance战队巡礼
2014/07/07 DOTA
[05:26]TI10典藏宝瓶套装外观展示
2020/07/03 DOTA
Python 爬虫爬取指定博客的所有文章
2016/02/17 Python
Python的for和break循环结构中使用else语句的技巧
2016/05/24 Python
基于Django与ajax之间的json传输方法
2018/05/29 Python
Selenium鼠标与键盘事件常用操作方法示例
2018/08/13 Python
python中logging模块的一些简单用法的使用
2019/02/22 Python
Python如何把多个PDF文件合并代码实例
2020/02/13 Python
Mac中PyCharm配置Anaconda环境的方法
2020/03/04 Python
Python xpath表达式如何实现数据处理
2020/06/13 Python
Python如何创建装饰器时保留函数元信息
2020/08/07 Python
python利用xlsxwriter模块 操作 Excel
2020/10/14 Python
Halston Heritage官网:简洁的日装,稍显奢华的晚装
2018/11/20 全球购物
群众路线教育实践活动批评与自我批评
2014/09/15 职场文书
农村党支部书记四风问题个人对照检查材料
2014/09/21 职场文书
2014年小学教师工作自我评价
2014/09/22 职场文书
房地产销售员岗位职责
2015/04/11 职场文书
工作时间调整通知
2015/04/24 职场文书
红与黑读书笔记
2015/06/29 职场文书