解决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的transform做的动态时钟效果
Sep 21 HTML / CSS
一款纯css3实现简单的checkbox复选框和radio单选框
Nov 05 HTML / CSS
CSS3实现闪烁动画效果的方法
Feb 09 HTML / CSS
CSS3实现swap交换动画
Jan 19 HTML / CSS
CSS3的 fit-content实现水平居中
Sep 07 HTML / CSS
html5服务器推送_动力节点Java学院整理
Jul 12 HTML / CSS
canvas像素画板的实现代码
Nov 21 HTML / CSS
html5中为audio标签增加停止按钮动作实现方法
Jan 04 HTML / CSS
极简的HTML5模版
Jul 09 HTML / CSS
Html5实现二维码扫描并解析
Jan 20 HTML / CSS
HTML5 canvas基本绘图之绘制线条
Jun 27 HTML / CSS
纯CSS3实现div按照顺序出入效果
Jul 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
全文搜索和替换
2006/10/09 PHP
php下过滤HTML代码的函数
2007/12/10 PHP
php模拟post行为代码总结(POST方式不是绝对安全)
2012/02/22 PHP
php实现文件下载功能的几个代码分享
2014/05/10 PHP
PHP中应该避免使用同名变量(拆分临时变量)
2015/04/03 PHP
PHP页面静态化――纯静态与伪静态用法详解
2020/06/05 PHP
JavaScript中的new的使用方法与注意事项
2007/05/16 Javascript
javascript json 新手入门文档
2009/12/03 Javascript
js判断iframe内的网页是否滚动到底部触发事件
2014/03/18 Javascript
Javascript学习笔记之 函数篇(二) : this 的工作机制
2014/06/24 Javascript
原生的html元素选择器类似jquery选择器
2014/10/15 Javascript
解决ueditor jquery javascript 取值问题
2014/12/30 Javascript
Vue中的v-cloak使用解读
2017/03/27 Javascript
详解Vue双向数据绑定原理解析
2017/09/11 Javascript
深入理解ES6 Promise 扩展always方法
2017/09/26 Javascript
详解vue中async-await的使用误区
2018/12/05 Javascript
深入浅析Vue 中 ref 的使用
2019/04/29 Javascript
微信js-sdk 录音功能的示例代码
2019/11/01 Javascript
nodeJs的安装与npm全局环境变量的配置详解
2020/01/06 NodeJs
通过实例解析javascript Date对象属性及方法
2020/11/04 Javascript
解决vue 使用axios.all()方法发起多个请求控制台报错的问题
2020/11/09 Javascript
vue 实现基础组件的自动化全局注册
2020/12/25 Vue.js
Python求出0~100以内的所有素数
2018/01/23 Python
Python使用Selenium模块实现模拟浏览器抓取淘宝商品美食信息功能示例
2018/07/18 Python
浅谈python写入大量文件的问题
2018/11/09 Python
windows下numpy下载与安装图文教程
2019/04/02 Python
python 解决Windows平台上路径有空格的问题
2020/11/10 Python
高档奢华时装在线目的地:FORWARD by elyse walker
2017/10/16 全球购物
口腔工艺技术专业毕业生自荐信
2013/09/27 职场文书
后勤服务中心总经理工作职责
2014/03/03 职场文书
会计人员岗位职责
2014/03/19 职场文书
坚守艰苦奋斗精神坚决反对享乐主义整改措施
2014/09/17 职场文书
办理信用卡工作证明
2014/09/30 职场文书
校长新学期致辞
2015/07/30 职场文书
MySQL root密码的重置方法
2021/04/21 MySQL
windows11选中自动复制怎么开启? Win11自动复制所选内容的方法
2022/07/23 数码科技