原生 js 將 dom 元素轉換為字符串

思路:

① 我們可以創(chuàng)建一個 div 元素

② 然后將獲取的 dom 節(jié)點放到 div 里面

③ 利用innerHTML就可以獲取到dom 節(jié)點的字符串

代碼如下:

//html標簽轉為字符串

function domToString (node) {

let tmpNode = document.createElement('div')

tmpNode.appendChild(node)

let str = tmpNode.innerHTML

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

? return str;

}

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 最近在寫一個小項目,需要把獲取的 dom 元素轉換為字符串,其實用 jquery 比較容易實現(xiàn):$(".xxx")...
    Moorez閱讀 14,480評論 1 0
  • ??DOM(文檔對象模型)是針對 HTML 和 XML 文檔的一個 API(應用程序編程接口)。 ??DOM 描繪...
    霜天曉閱讀 3,863評論 0 7
  • 一、DOM 什么是DOM?Document Object Model(文檔對象模型)。DOM是針對HTML和XML...
    空谷悠閱讀 1,030評論 0 2
  • DOM DOM內容主要分為四部分: 什么是DOM和節(jié)點; 獲取節(jié)點; 節(jié)點操作(3種); 屬性操作(3種)。 什么...
    magic_pill閱讀 897評論 0 1
  • 單例模式 適用場景:可能會在場景中使用到對象,但只有一個實例,加載時并不主動創(chuàng)建,需要時才創(chuàng)建 最常見的單例模式,...
    Obeing閱讀 2,313評論 1 10

友情鏈接更多精彩內容