解决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 重置iphone浏览器按钮input,select等表单元素的默认样式
Oct 11 HTML / CSS
无需JS和jQuery代码实现CSS3鼠标浮动放大图片
Nov 21 HTML / CSS
利用css3如何设置没有上下边的列表间隔线
Jul 03 HTML / CSS
详解CSS3实现响应式手风琴效果
Jun 10 HTML / CSS
CSS3 实现雷达扫描图的示例代码
Sep 21 HTML / CSS
基于 HTML5 Canvas实现 的交互式地铁线路图
Mar 05 HTML / CSS
把富文本的回车转为br标签
Aug 09 HTML / CSS
使用css3 属性如何丰富图片样式(圆角 阴影 渐变)
Nov 22 HTML / CSS
HTML5中实现拖放效果无须借助javascript
Dec 26 HTML / CSS
HTML5之WebGL 3D概述(上)—WebGL原生开发开启网页3D渲染新时代
Jan 31 HTML / CSS
Html5页面中的返回实现的方法
Feb 26 HTML / CSS
video实现有声音自动播放的实现方法
May 20 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
ajax缓存问题解决途径
2006/12/06 PHP
PHP 中检查或过滤IP地址的实现代码
2011/11/27 PHP
Thinkphp调用Image类生成缩略图的方法
2015/03/07 PHP
支付宝服务窗API接口开发php版本
2016/07/20 PHP
实例分析PHP中PHPMailer发邮件
2017/12/13 PHP
jquery 锁定弹出层实现代码
2010/02/23 Javascript
什么是Node.js?Node.js详细介绍
2014/06/01 Javascript
使用AngularJS 应用访问 Android 手机的图片库
2015/03/24 Javascript
跟我学习javascript的var预解析与函数声明提升
2015/11/16 Javascript
JavaScript必知必会(二) null 和undefined
2016/06/08 Javascript
Node.js Streams文件读写操作详解
2016/07/04 Javascript
谈谈对JavaScript原生拖放的深入理解
2016/09/20 Javascript
ES6学习笔记之Set和Map数据结构详解
2017/04/07 Javascript
详解nuxt路由鉴权(express模板)
2018/11/21 Javascript
Vue.js的复用组件开发流程完整记录
2018/11/29 Javascript
layui radio单选限制下一个radio单选的实例
2019/09/03 Javascript
基于Vue el-autocomplete 实现类似百度搜索框功能
2019/10/25 Javascript
[00:12]2018DOTA2亚洲邀请赛 Sccc亮相SOLO赛,今年他又会有什么样的战绩?
2018/04/06 DOTA
[02:21]2018完美盛典章节片——初心
2018/12/17 DOTA
[58:35]OG vs EG 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.22
2019/09/05 DOTA
Python计时相关操作详解【time,datetime】
2017/05/26 Python
Python实现最大子序和的方法示例
2019/07/05 Python
Python3爬虫发送请求的知识点实例
2020/07/30 Python
调用HTML5的Canvas API绘制图形的快速入门指南
2016/06/17 HTML / CSS
雅诗兰黛香港官网:Estee Lauder香港
2017/09/26 全球购物
美国乒乓球设备、配件和服装品牌:Killerspin
2020/06/07 全球购物
2013的个人自我评价
2013/12/26 职场文书
学生励志演讲稿
2014/01/06 职场文书
石油大学毕业生自荐信
2014/01/28 职场文书
中秋节超市促销方案
2014/01/30 职场文书
售后服务经理岗位职责范本
2014/02/22 职场文书
婚前协议书
2014/04/15 职场文书
无犯罪记录证明范本
2014/09/15 职场文书
药店采购员岗位职责
2014/09/30 职场文书
团拜会主持词
2015/07/04 职场文书
Python办公自动化之教你如何用Python将任意文件转为PDF格式
2021/06/28 Python