解决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 相关文章推荐
表单button的outline在firefox浏览器下的问题
Dec 24 HTML / CSS
CSS3 text shadow字体阴影效果
Jan 08 HTML / CSS
利用CSS3的线性渐变linear-gradient制作边框的示例
Jun 02 HTML / CSS
传统HTML页面实现模块化加载的方法
Oct 15 HTML / CSS
html5-Canvas可以在web中绘制各种图形
Dec 26 HTML / CSS
详解html5 shiv.js和respond.min.js
Jan 24 HTML / CSS
在canvas上实现元素图片镜像翻转动画效果的方法
Mar 20 HTML / CSS
JavaScript+Canvas实现自定义画板的示例代码
May 13 HTML / CSS
利用 Canvas实现绘画一个未闭合的带进度条的圆环
Jul 26 HTML / CSS
Canvas多边形绘制的实现方法
Aug 05 HTML / CSS
Canvas获取视频第一帧缩略图的实现
Nov 11 HTML / CSS
使用CSS定位HTML元素的实现方法
Jul 07 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 数据结构之链表队列
2017/10/17 PHP
Laravel的Auth验证Token验证使用自定义Redis的例子
2019/09/30 PHP
jquery 表格分页等操作实现代码(pagedown,pageup)
2010/04/11 Javascript
Jquery中显示隐藏的实现代码分析
2011/07/26 Javascript
JavaScript中的常见问题解决方法(乱码,IE缓存,代理)
2013/11/28 Javascript
js跳转页面方法实现汇总
2014/02/11 Javascript
nodejs之请求路由概述
2014/07/05 NodeJs
javascript实现的右下角弹窗实例
2015/04/24 Javascript
javascript实现可全选、反选及删除表格的方法
2015/05/15 Javascript
HTML页面,测试JS对C函数的调用简单实例
2016/08/09 Javascript
Bootstrap模态框(modal)垂直居中的实例代码
2016/08/18 Javascript
同步异步动态引入js文件的几种方法总结
2016/09/23 Javascript
JavaScript获取中英文混合字符串长度的方法示例
2017/02/04 Javascript
Express+Nodejs 下的登录拦截实现代码
2017/07/01 NodeJs
js 两数组去除重复数值的实例
2017/12/06 Javascript
validform表单验证的实现方法
2019/03/08 Javascript
JS匿名函数内部this指向问题详析
2019/05/10 Javascript
JSON获取属性值方法代码实例
2020/06/30 Javascript
python DataFrame 取差集实例
2019/01/30 Python
wxpython布局的实现方法
2019/11/01 Python
wxPython绘图模块wxPyPlot实现数据可视化
2019/11/19 Python
python3.7通过thrift操作hbase的示例代码
2020/01/14 Python
部署Django到阿里云服务器教程示例
2020/06/03 Python
法拉利英国精品店:Ferraris Boutique UK
2019/07/20 全球购物
戴森比利时官方网站:Dyson BE
2020/10/03 全球购物
计算机应用与科学个人的自我评价
2013/11/15 职场文书
优秀教师获奖感言
2014/01/31 职场文书
餐厅执行经理岗位职责范本
2014/02/26 职场文书
文明寝室标语
2014/06/13 职场文书
幼儿园户外活动总结
2014/07/04 职场文书
2015年化验员工作总结
2015/04/10 职场文书
防卫过当辩护词
2015/05/21 职场文书
安全知识竞赛主持词
2015/06/30 职场文书
CSS3实现的3D隧道效果
2021/04/27 HTML / CSS
python基础之错误和异常处理
2021/10/24 Python
vue-cli3.0修改打包后的文件名和文件地址,打包后本地运行报错解决
2022/04/06 Vue.js