最近在写一个小项目,需要把获取的 dom 元素转换为字符串,其实用 jquery 比较容易实现:
$(".xxx").html()
,但是我的项目打算用原生来写,仔细想了想,可以这么写⤵️:
思路
① 我们可以创建一个 div 元素
② 然后将获取的 dom 节点放到 div 里面
③ 利用innerHTML
就可以获取到dom 节点的字符串
代码
function domToString (node) {
let tmpNode = document.createElement('div')
tmpNode.appendChild(node)
let str = tmpNode.innerHTML
tmpNode = node = null; // 解除引用,以便于垃圾回收
return str;
}