小技巧解决“FF不能读取outerHTML”的问题
作者：yemoo 来源：yemoo博客 发布时间：2009-02-10 10:44:00
标签：outerHTML,ff,firefox,问题,技巧,DOM属性
对于outerHTML这个DOM属性，在IE/Opera/google Chorme等浏览器中都是可以使用的，但唯独Firefox是不支持的，尽管这个属性平时用的并不多，但有些应用中我们还必须用到，因此很有必要去实现FF下的outerHTML功能。
在网上看了一些文章，最典型的方法应该就是通过__defineSetter__、__defineGetter__来为DOM属性扩展这个属性，具体实现即：遍历读取元素的属性及子节点，然后自己拼装html串，具体可以看这篇文章：《firefox没有outerHTML 解决办法》，该文实现了outerHTML的读写，比较完整。
对于获取outerHTML的值，使用拼装HTML串的办法，觉得有点麻烦了，在网上看到一个解决办法，感觉很妙代码也很简洁，而且在各种浏览器中都是可以使用的。其原理为：创建一个div元素，然后将要读取的元素的克隆对象放到这个div中，读取这个div的childNode即可。
示例代码：
document.createElement("DIV").appendChild(htmlNode.cloneNode(true)).parentNode.innerHTML)document.createElement("DIV").appendChild(htmlNode.cloneNode(true)).parentNode.innerHTML)
对于setter的实现，暂时还没有考虑到更好的办法，不过对于outerHTML，更多的时候我们还是获取，而很少写入，而且W3C也是不赞同这种做法的。
0
投稿猜你喜欢
从大的发展来看，网站就是一块试验田，一块在错误中成长、在错误中变强变大的试验田。这决定了互联网产品的成长路线，一定是一个反复修正和迭代的曲线- 你是否发现，在浩如烟海的应用程序堆里，具有漂亮图标和清爽名字的 App 更容易被用户喜爱。作为开发者，面对这自己的作品，能否自问一句：“从图
- 论坛上看到有人问ASP是否可以定时触发事件，我就顺便做了一个玩玩。其实做这个的原理是很简单的，只是我们当时没有仔细的去想想该怎么实现，我这里
- 一、问题描述当用JS调用form的方法submit直接提交form的时候，submit事件不响应。为什么？知道的请回复。类比一下，我用inp
- 写任何编程代码，不同的开发者都会有不同的见解。但参考一下总是好的，下面是来自 Javascript Toolbox 发布的 14条最佳JS代
- 1 。打开您的Microsoft Visual Basic:点击确定,以下就按照蓝色的数字步骤.2 。修改工程名和类模块的名称:
- Jaslabs的Justin Silverton列出了十条有关优化MySQL查询的语句，我不得不对此发表言论，因为这个清单非常非常糟糕。另外
- 最近看到大家都练习写树，偶也学习学习写了一个，大家多多批评，我好进步。不过我看了一些树的xml文档都是在xml中就已经有了树的结构，所以我写
- 在一个页面制作过程，突然被设计稿上的一个问题难住了，思路一时没打开，后来在费人的提醒下，用定位控制，顺利完成。这个是我做的大概的
- 阅读上一篇：W3C优质网页小贴士（三）明智地选择 URI没有什么比走到你最喜欢的商店门口，却发现店门紧闭，而且没有看见店面搬迁告示这种事情还
- 注：此处“重复”非完全重复,意为某字段数据重复HZT表结构IDintTitlenvarchar(50)AddDatedatetime数据一.
- 提起数据库，第一个想到的公司，一般都会是Oracle。该公司成立于1977年，最初是一家专门开发数据库的公司。Oracle在数据库领域一直处
- 对网站的LOGO设计做了一些归纳，希望得到批评，发现写的太长了，又不忍心删减，就分成两部分了，第一部分是有关设计基础的。第二部分是关于网站L
- 某天和一个产品经理聊起：以用户为中心是一个理想概念。经历了太多的项目，看到了太多的限制条件。而我向来不是一个有着设计洁癖的完美主义者。做为所
- 动态生成的IFRAME，设置SRC时的，不同位置带来的影响。以下所说的是在IE7下运行的。IE6下也是同样。在这个blog中，直接点击运行代
- 【原文地址】Tip/Trick: Url Rewriting with ASP.NET 【原文发表日期】 Monday, February
- 如何制作一个防止多次刷新计数的图片计数器？请问如何做一个专业的图片计数器？ <％countlong
- 原型扩展：>> String.prototype :String对象原型扩展 --------------
- 这篇文章与大家分享13个超级有用的 jQuery 内容滚动插件和教程。您可能经常能看到一些网站上特色区域的内容以滚动方式变化，这是一种在有限
- 一个不错的文字放大特性源码。效果图：运行代码框<script for=document event=onmousemove>//
