解决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实现图片无间断轮播效果
Aug 25 HTML / CSS
详解css3自定义滚动条样式写法
Dec 25 HTML / CSS
css3 中实现炫酷的loading效果
Apr 26 HTML / CSS
CSS伪类与CSS伪元素的区别及由来具体说明
Dec 07 HTML / CSS
html5+css3之动画在webapp中的应用
Nov 21 HTML / CSS
CSS3属性box-sizing使用指南
Dec 09 HTML / CSS
CSS3 animation实现逐帧动画效果
Jun 02 HTML / CSS
CSS3实现10种Loading效果
Jul 11 HTML / CSS
HTML5的结构和语义(1):前言
Oct 17 HTML / CSS
html5教程实现Photoshop渐变色效果
Dec 04 HTML / CSS
详解HTML5中rel属性的prefetch预加载功能使用
May 06 HTML / CSS
html5 canvas绘制矩形和圆形的实例代码
Jun 16 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投票系统防刷票判断流程分析
2012/02/04 PHP
php页面,mysql数据库转utf-8乱码,utf-8编码问题总结
2015/08/27 PHP
利用laravel+ajax实现文件上传功能方法示例
2017/08/13 PHP
使用Javascript和DOM Interfaces来处理HTML
2006/10/09 Javascript
JavaScript中常见陷阱小结
2010/04/27 Javascript
JavaScript 变量作用域分析
2011/07/04 Javascript
Javascript中常见的校验如域名、手机、邮箱等等
2014/01/02 Javascript
基于jQuery的checkbox全选问题分析
2016/11/18 Javascript
JS自定义混合Mixin函数示例
2016/11/26 Javascript
微信公众号 摇一摇周边功能开发
2016/12/08 Javascript
Express之get,pos请求参数的获取
2017/05/02 Javascript
浅谈Vuex@2.3.0 中的 state 支持函数申明
2017/11/22 Javascript
微信小程序实现折叠与展开文章功能
2018/06/12 Javascript
element-ui 中使用upload多文件上传只请求一次接口
2019/07/19 Javascript
JS实现商品橱窗特效
2020/01/09 Javascript
el-table树形表格表单验证(列表生成序号)
2020/05/31 Javascript
iview实现图片上传功能
2020/06/29 Javascript
jQuery实现简单三级联动效果
2020/09/05 jQuery
Python中的index()方法使用教程
2015/05/18 Python
Python实现模拟时钟代码推荐
2015/11/08 Python
python实现将汉字保存成文本的方法
2018/11/16 Python
Python3爬虫爬取英雄联盟高清桌面壁纸功能示例【基于Scrapy框架】
2018/12/05 Python
DRF框架API版本管理实现方法解析
2020/08/21 Python
python实现控制台输出颜色
2021/03/02 Python
MANGO官方网站:西班牙芒果服装品牌
2017/01/15 全球购物
Java模拟试题
2014/11/10 面试题
污水厂厂长岗位职责
2014/01/04 职场文书
消防应急演练方案
2014/02/12 职场文书
餐饮部总监岗位职责范文
2014/02/13 职场文书
幼儿园父亲节活动方案
2014/03/11 职场文书
汇源肾宝广告词
2014/03/20 职场文书
小学领导班子对照材料
2014/08/23 职场文书
甲乙双方合作协议书
2014/10/13 职场文书
2015年化工厂工作总结
2015/05/04 职场文书
2015年初一班主任工作总结
2015/05/13 职场文书
解决golang结构体tag编译错误的问题
2021/05/02 Golang