解决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混合模式mix-blend-mode/background-blend-mode简介
Mar 15 HTML / CSS
利用CSS3的线性渐变linear-gradient制作边框的示例
Jun 02 HTML / CSS
CSS3打造百度贴吧的3D翻牌效果示例
Jan 04 HTML / CSS
浅谈CSS3鼠标移入图片动态提示效果(transform)
Nov 06 HTML / CSS
CSS3实现多样的边框效果
May 04 HTML / CSS
CSS3新增布局之: flex详解
Jun 18 HTML / CSS
CSS3 transition 实现通知消息轮播条
Oct 14 HTML / CSS
html5+css3之制作header实例与更新
Dec 21 HTML / CSS
浅谈cookie和localStorage那些事
Aug 27 HTML / CSS
HTML5本地存储之Database Storage应用介绍
Jan 06 HTML / CSS
HTML5学习笔记之html5与传统html区别
Jan 06 HTML / CSS
CSS3 实现的图片悬停的切换按钮
Apr 13 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
深入apache配置文件httpd.conf的部分参数说明
2013/06/28 PHP
ThinkPHP中的系统常量和预定义常量集合
2014/07/01 PHP
PHP中执行cmd命令的方法
2014/10/11 PHP
laravel执行php artisan migrate报错的解决方法
2019/10/09 PHP
php 使用 __call实现重载功能示例
2019/11/18 PHP
PHP7新特性
2021/03/09 PHP
DOM精简教程
2006/10/03 Javascript
用Juery网页选项卡实现代码
2011/06/13 Javascript
图片在浏览器中底部对齐 解决方法之一
2011/11/30 Javascript
jQuery判断元素上是否绑定了指定事件的方法
2015/03/17 Javascript
js显示当前日期时间和星期几
2015/10/22 Javascript
jQuery Select下拉框操作小结(推荐)
2016/07/22 Javascript
js实现html table 行,列锁定的简单实例
2016/10/13 Javascript
微信小程序的部署方法步骤
2018/09/04 Javascript
微信小程序城市选择及搜索功能的方法
2019/03/22 Javascript
jQuery实现动态加载(按需加载)javascript文件的方法分析
2019/05/31 jQuery
详解Vue.js 响应接口
2020/07/04 Javascript
vue 通过绑定事件获取当前行的id操作
2020/07/27 Javascript
使用vue3重构拼图游戏的实现示例
2021/01/25 Vue.js
[01:31:22]DOTA2-DPC中国联赛定级赛 LBZS vs Magma BO3第二场 1月10日
2021/03/11 DOTA
Python编写百度贴吧的简单爬虫
2015/04/02 Python
Python返回真假值(True or False)小技巧
2015/04/10 Python
Python保存MongoDB上的文件到本地的方法
2016/03/16 Python
python2.7使用plotly绘制本地散点图和折线图
2019/04/02 Python
Python 实现毫秒级淘宝抢购脚本的示例代码
2019/09/16 Python
python读取xml文件方法解析
2020/08/04 Python
HTML5 Canvas 起步(1) - 基本概念
2009/05/12 HTML / CSS
HTML5的postMessage的使用手册
2018/12/19 HTML / CSS
法国发饰品牌:Alexandre De Paris
2018/12/04 全球购物
在线课程:Skillshare
2019/04/02 全球购物
北京麒麟网信息技术有限公司网络游戏测试面试题
2013/09/28 面试题
留学推荐信怎么写
2014/01/25 职场文书
运动会稿件100字
2014/02/21 职场文书
教师群众路线教育实践活动个人对照检查材料
2014/11/04 职场文书
2014年驾驶员工作总结
2014/11/18 职场文书
创业计划书之密室逃脱
2019/11/08 职场文书