解决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 相关文章推荐
html5+css3之动画在webapp中的应用
Nov 21 HTML / CSS
使用CSS3编写灰阶滤镜来制作黑白照片效果的方法
May 09 HTML / CSS
CSS3实现翘边的阴影效果的代码示例
Jun 13 HTML / CSS
animation和transition的区别
Oct 12 HTML / CSS
使用HTML5 Canvas绘制直线或折线等线条的方法讲解
Mar 14 HTML / CSS
html5+css3进度条倒计时动画特效代码【推荐】
Mar 08 HTML / CSS
如何用H5实现一个触屏版的轮播器的实例
Jan 09 HTML / CSS
详解使用postMessage解决iframe跨域通信问题
Nov 01 HTML / CSS
吃透移动端 Html5 响应式布局
Dec 16 HTML / CSS
HTML5页面无缝闪开的问题及解决方案
Jun 11 HTML / CSS
详解overflow:hidden的作用(溢出隐藏、清除浮动、解决外边距塌陷)
Jul 01 HTML / CSS
CSS的calc函数用法小结
Jun 25 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
dedecms模板标签代码官方参考
2007/03/17 PHP
php下过滤html代码的函数 提高程序安全性
2010/03/02 PHP
php5.4传引用时报错问题分析
2016/01/22 PHP
php实现和c#一致的DES加密解密实例
2017/07/24 PHP
Prototype使用指南之base.js
2007/01/10 Javascript
js form action动态修改方法
2008/11/04 Javascript
IE网页js语法错误2行字符1、FF中正常的解决方法
2013/09/09 Javascript
浅谈JSON和JSONP区别及jQuery的ajax jsonp的使用
2014/11/23 Javascript
jQuery插件制作之参数用法实例分析
2015/06/01 Javascript
基于Jquery实现万圣节快乐特效
2015/11/01 Javascript
knockoutjs动态加载外部的file作为component中的template数据源的实现方法
2016/09/01 Javascript
字太多用...代替的方法(两种)
2017/03/15 Javascript
JS使用cookie实现只出现一次的广告代码效果
2017/04/22 Javascript
BootStrap导航栏问题记录
2017/07/31 Javascript
微信小程序项目实践之主页tab选项实现
2018/07/18 Javascript
JavaScript引用类型RegExp基本用法详解
2018/08/09 Javascript
Vue-CLI3.x 设置反向代理的方法
2018/12/06 Javascript
微信小程序下拉框组件使用方法详解
2018/12/28 Javascript
JS简单数组排序操作示例【sort方法】
2019/05/17 Javascript
JS原形与原型链深入详解
2020/05/09 Javascript
javascript局部自定义鼠标右键菜单
2020/12/08 Javascript
[03:00]2014DOTA2国际邀请赛 Titan淘汰潸然泪下Ohaiyo专访
2014/07/15 DOTA
Python中使用wxPython开发的一个简易笔记本程序实例
2015/02/08 Python
Python数据结构与算法之图的基本实现及迭代器实例详解
2017/12/12 Python
Python字符串、整数、和浮点型数相互转换实例
2018/08/04 Python
浅析Python 实现一个自动化翻译和替换的工具
2019/04/14 Python
详解Python3 pickle模块用法
2019/09/16 Python
解决torch.autograd.backward中的参数问题
2020/01/07 Python
css3实现wifi信号逐渐增强效果实例
2017/08/09 HTML / CSS
欧洲最大的美妆零售网站:Feelunique
2017/01/14 全球购物
捷克家具销售网站:SCONTO Nábytek
2020/01/02 全球购物
个人批评与自我批评范文
2014/10/17 职场文书
婚礼庆典答谢词
2015/01/20 职场文书
2016年全国爱牙日宣传活动总结
2016/04/05 职场文书
使用php的mail()函数实现发送邮件功能
2021/06/03 PHP
sql查询语句之平均分、最高最低分及排序语句
2022/05/30 MySQL