解决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 相关文章推荐
纯CSS打造(无图像无js)的非常流行的讲话(语音)气泡效果
Dec 28 HTML / CSS
CSS3 flex布局之快速实现BorderLayout布局
Dec 03 HTML / CSS
CSS3模拟IOS滑动开关效果
Sep 28 HTML / CSS
详解css3中的伪类before和after常见用法
Nov 17 HTML / CSS
CSS3 实现飘动的云朵动画
Dec 01 HTML / CSS
HTML5实现视频直播功能思路详解
Nov 16 HTML / CSS
详解H5本地储存Web Storage
Jul 03 HTML / CSS
HTML5+CSS3实现无插件拖拽上传图片(支持预览与批量)
Jan 05 HTML / CSS
Canvas系列之滤镜效果
Feb 12 HTML / CSS
CSS3常见动画的实现方式
Apr 14 HTML / CSS
CSS实现五种常用的2D转换
Dec 06 HTML / CSS
table设置超出部分隐藏,鼠标移上去显示全部内容的方法
Dec 24 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
基于Linux调试工具strace与gdb的常用命令总结
2013/06/03 PHP
PHP生成RSS文件类实例
2014/12/05 PHP
详解PHP编码转换函数应用技巧
2016/10/22 PHP
phpinfo()中Loaded Configuration File(none)的解决方法
2017/01/16 PHP
php生成微信红包数组的方法
2019/09/05 PHP
JS实现打开本地文件或文件夹
2021/03/09 Javascript
Javascript操纵Cookie实现购物车程序
2007/02/15 Javascript
jquery选择checked在ie8普通模式下的问题
2014/02/12 Javascript
程序员必知35个jQuery 代码片段
2015/11/05 Javascript
js实现遍历含有input的table实例
2015/12/07 Javascript
Hammer.js+轮播原理实现简洁的滑屏功能
2016/02/02 Javascript
微信小程序购物商城系统开发系列-目录结构介绍
2016/11/21 Javascript
完美实现js选项卡切换效果(一)
2017/03/08 Javascript
js实现移动端编辑添加地址【模仿京东】
2017/04/28 Javascript
微信小程序 获取二维码实例详解
2017/06/23 Javascript
详解AngularJS跨页面传值(ui-router)
2017/08/23 Javascript
Vue.js实现分页查询功能
2020/11/15 Javascript
[52:29]DOTA2上海特级锦标赛主赛事日 - 2 胜者组第一轮#3Secret VS OG第三局
2016/03/03 DOTA
python中的yield使用方法
2014/02/11 Python
在Python的setuptools框架下生成egg的教程
2015/04/13 Python
详解Python编程中time模块的使用
2015/11/20 Python
解决Pycharm运行时找不到文件的问题
2018/10/29 Python
numpy给array增加维度np.newaxis的实例
2018/11/01 Python
详解python读取image
2019/04/03 Python
pytorch中使用cuda扩展的实现示例
2020/02/12 Python
PyTorch中torch.tensor与torch.Tensor的区别详解
2020/05/18 Python
物理系毕业生自荐信
2013/11/01 职场文书
观看《永远的雷锋》心得体会
2014/03/12 职场文书
作文批改评语大全
2014/04/23 职场文书
英语分层教学实施方案
2014/06/15 职场文书
学校拾金不昧表扬信
2015/01/16 职场文书
教学督导岗位职责
2015/04/10 职场文书
地道战观后感400字
2015/06/04 职场文书
详解Laravel制作API接口
2021/05/31 PHP
Python合并多张图片成PDF
2021/06/09 Python
Centos7 Shell编程之正则表达式、文本处理工具详解
2022/08/05 Servers