解决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实现跳动的动画效果
Sep 12 HTML / CSS
CSS实现圆形放大镜狙击镜效果 只有圆圈里的放大
Dec 10 HTML / CSS
一款纯css3实现的动画加载导航
Oct 08 HTML / CSS
使用CSS3的font-face字体嵌入样式的方法讲解
May 13 HTML / CSS
CSS3 linear-gradient线性渐变生成加号和减号的方法
Nov 21 HTML / CSS
用css3实现转换过渡和动画效果
Mar 13 HTML / CSS
HTML5新控件之日期和时间选择输入的实现代码
Sep 13 HTML / CSS
HTML5实现的震撼3D焦点图动画的示例代码
Sep 26 HTML / CSS
编写html5时调试发现脚本php等网页js、css等失效
Dec 31 HTML / CSS
HTML5自定义属性的问题分析
Aug 16 HTML / CSS
HTML里显示pdf、word、xls、ppt的方法示例
Apr 14 HTML / CSS
html中相对位置与绝对位置的具体使用
May 15 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
javascript跟随滚动效果插件代码(javascript Follow Plugin)
2013/08/03 Javascript
子页向父页传值示例
2013/11/27 Javascript
js图片处理示例代码
2014/05/12 Javascript
JS延时提示框实现方法详解
2015/11/26 Javascript
轻松学习jQuery插件EasyUI EasyUI创建菜单与按钮
2015/11/30 Javascript
JavaScript数据结构与算法之栈与队列
2016/01/29 Javascript
JQuery的Pager分页器实现代码
2016/05/03 Javascript
jquery 删除节点 添加节点 找兄弟节点的简单实现
2016/12/07 Javascript
javascript中setAttribute兼容性用法分析
2016/12/12 Javascript
详解微信小程序 通过控制CSS实现view隐藏与显示
2017/05/24 Javascript
ES6新增的math,Number方法
2017/08/06 Javascript
基于Vue的移动端图片裁剪组件功能
2017/11/28 Javascript
小程序日历控件使用方法详解
2018/12/29 Javascript
详解element-ui中form验证杂记
2019/03/04 Javascript
webpack中的模式(mode)使用详解
2020/02/20 Javascript
javascript实现移动端红包雨页面
2020/06/23 Javascript
javascript实现电商放大镜效果
2020/11/23 Javascript
[59:07]海涛为你详解DOTA2新版本“贤哲秘契”
2014/11/22 DOTA
python中的对象拷贝示例 python引用传递
2014/01/23 Python
Python中使用select模块实现非阻塞的IO
2015/02/03 Python
Python生成器(Generator)详解
2015/04/13 Python
Python实现爬虫爬取NBA数据功能示例
2018/05/28 Python
详解Python二维数组与三维数组切片的方法
2019/07/18 Python
Django框架创建mysql连接与使用示例
2019/07/29 Python
使用python os模块复制文件到指定文件夹的方法
2019/08/22 Python
Python如何读取文件中图片格式
2020/01/13 Python
new_zeros() pytorch版本的转换方式
2020/02/18 Python
护士专业推荐信
2013/11/02 职场文书
大学生创业策划书
2014/02/02 职场文书
宿舍违规用电检讨书
2014/02/16 职场文书
党的群众路线教育实践活动学习心得体会
2014/03/03 职场文书
学校招生宣传广告词
2014/03/19 职场文书
巾帼文明岗申报材料
2014/05/01 职场文书
学校班子个人对照检查材料思想汇报
2014/09/27 职场文书
2015年外联部工作总结
2015/04/03 职场文书
Logback 使用TurboFilter实现日志级别等内容的动态修改操作
2021/08/30 Java/Android