简易实现OuterHTML

最新推荐文章于 2021-09-17 08:58:28 发布

weixin_34087307

最新推荐文章于 2021-09-17 08:58:28 发布

阅读量186

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lwl8/p/3595778.html

本文介绍了一种在Firefox浏览器中实现outerHTML的方法。通过创建一个临时的div元素，并将目标对象作为子节点添加进去，然后读取这个div的innerHTML属性来获取目标对象及其标签的字符串表示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

与innerHTML相对应，outerHTML应包括整个标签，而不仅限于标签内部的内容。

我今天看到有个面试题：FF下面实现outerHTML。这里简单些一下自己的实现方法：

function outerHTML(obj){
       if(obj) return ;
       var a=document.createElement("div");
       //console.log(a);
       a.appendChild(obj);
       var str= a.innerHTML;
       a=null;        //这里将a对象重新释放
       return str;    //字符串输出
 }
 //调用方法
  outerHTML("你所选择的对象");