最近在寫一個小項(xiàng)目窘俺,需要把獲取的 dom 元素轉(zhuǎn)換為字符串,其實(shí)用 jquery 比較容易實(shí)現(xiàn):
$(".xxx").html()
,但是我的項(xiàng)目打算用原生來寫砚偶,仔細(xì)想了想批销,可以這么寫??:
思路
① 我們可以創(chuàng)建一個 div 元素
② 然后將獲取的 dom 節(jié)點(diǎn)放到 div 里面
③ 利用innerHTML
就可以獲取到dom 節(jié)點(diǎn)的字符串
代碼
function domToString (node) {
let tmpNode = document.createElement('div')
tmpNode.appendChild(node)
let str = tmpNode.innerHTML
tmpNode = node = null; // 解除引用洒闸,以便于垃圾回收
return str;
}