解决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,js)
Dec 12 HTML / CSS
深入浅出CSS3 background-clip,background-origin和border-image教程
Jan 27 HTML / CSS
css 省略号 css3让多余的字符串消失并附加省略号的实现代码
Feb 07 HTML / CSS
css3实例教程 一款纯css3实现的发光屏幕旋转特效
Dec 07 HTML / CSS
html5使用html2canvas实现浏览器截图的示例
Aug 31 HTML / CSS
HTML5是什么 HTML5是什么意思 HTML5简介
Oct 26 HTML / CSS
利用HTML5绘制点线面组成的3D图形的示例
May 12 HTML / CSS
h5调用摄像头的实现方法
Jun 01 HTML / CSS
详解HTML5中的拖放事件(Drag 和 drop)
Nov 14 HTML / CSS
Html5之title吸顶功能
Jun 04 HTML / CSS
纯CSS实现hover图片pop-out弹出效果的实例代码
Apr 16 HTML / CSS
在CSS中映射鼠标位置并实现通过鼠标移动控制页面元素效果(实例代码)
Apr 22 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
我的论坛源代码(九)
2006/10/09 PHP
php error_log 函数的使用
2009/04/13 PHP
php打开文件fopen函数的使用说明
2013/07/05 PHP
PHP+jquery+ajax实现即时聊天功能实例
2014/12/23 PHP
详解php中 === 的使用
2016/10/24 PHP
PHP面向对象五大原则之依赖倒置原则(DIP)详解
2018/04/08 PHP
弹出层之1:JQuery.Boxy (一) 使用介绍
2011/10/06 Javascript
js读写cookie实现一个底部广告浮层效果的两种方法
2013/12/29 Javascript
javascript中Date对象应用之简易日历实现
2016/07/12 Javascript
jQuery密码强度验证控件使用详解
2017/01/05 Javascript
实例详解BootStrap的动态模态框及静态模态框
2018/08/13 Javascript
浅谈React Event实现原理
2018/09/20 Javascript
vue学习笔记之作用域插槽实例分析
2020/02/01 Javascript
[36:33]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第二场 11.29
2020/12/02 DOTA
跟老齐学Python之网站的结构
2014/10/24 Python
Python基于pygame实现的弹力球效果(附源码)
2015/11/11 Python
浅谈python中scipy.misc.logsumexp函数的运用场景
2016/06/23 Python
Python处理XML格式数据的方法详解
2017/03/21 Python
Python元字符的用法实例解析
2018/01/17 Python
Python3 replace()函数使用方法
2018/03/19 Python
钉钉群自定义机器人消息Python封装的实例
2019/02/20 Python
对django2.0 关联表的必填on_delete参数的含义解析
2019/08/09 Python
浅谈多卡服务器下隐藏部分 GPU 和 TensorFlow 的显存使用设置
2020/06/30 Python
python/golang 删除链表中的元素
2020/09/14 Python
IdealFit官方网站:女性蛋白质、补充剂和运动服装
2019/03/24 全球购物
.NET初级开发工程师面试题(包括Javascript)
2012/08/22 面试题
北京捷通华声语音技术有限公司Java软件工程师笔试题
2012/04/10 面试题
教师职业道德事迹材料
2014/08/18 职场文书
工作骂脏话检讨书
2014/10/05 职场文书
公务员政审材料
2014/12/23 职场文书
学生检讨书
2015/01/27 职场文书
介绍信范文
2015/01/31 职场文书
学生退学证明
2015/06/23 职场文书
2016年中秋祝酒词
2015/11/26 职场文书
《扇形统计图》教学反思
2016/02/17 职场文书
详解Javascript实践中的命令模式
2021/05/05 Javascript