×

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

96
Moorez
2017.11.16 15:47* 字数 115

最近在写一个小项目,需要把获取的 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;  
}  
前端
Web note ad 1