美文网首页
原生 js 将 dom 元素转换为字符串

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

作者: Moorez | 来源:发表于2017-11-16 15:47 被阅读0次

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

    相关文章

      网友评论

          本文标题:原生 js 将 dom 元素转换为字符串

          本文链接:https://www.haomeiwen.com/subject/qhglvxtx.html