原生 js 将 dom 元素转换为字符串

思路:

① 我们可以创建一个 div 元素

② 然后将获取的 dom 节点放到 div 里面

③ 利用innerHTML就可以获取到dom 节点的字符串

代码如下:

//html标签转为字符串

function domToString (node) {

let tmpNode = document.createElement('div')

tmpNode.appendChild(node)

let str = tmpNode.innerHTML

  tmpNode = node =null; // 解除引用,以便于垃圾回收

  return str;

}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 最近在写一个小项目,需要把获取的 dom 元素转换为字符串,其实用 jquery 比较容易实现:$(".xxx")...
    Moorez阅读 14,357评论 1 0
  •   DOM(文档对象模型)是针对 HTML 和 XML 文档的一个 API(应用程序编程接口)。   DOM 描绘...
    霜天晓阅读 3,690评论 0 7
  • 一、DOM 什么是DOM?Document Object Model(文档对象模型)。DOM是针对HTML和XML...
    空谷悠阅读 986评论 0 2
  • DOM DOM内容主要分为四部分: 什么是DOM和节点; 获取节点; 节点操作(3种); 属性操作(3种)。 什么...
    magic_pill阅读 790评论 0 1
  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 2,102评论 1 10