javascript - 将 HTML 内容转换为字符串并在文本文件中打印

Question

我正在尝试打印 .txt 文件中的 HTML 内容。我尝试使用 innerHTML、innerText 和 innerContent。但所有这些都与所有标签一起打印。

请引用截图

图片 1

图 2

图 1 是我想要显示的方式，但图 2 是它的实际显示方式。

Answer 1

每个文本 block 似乎都在 <pre> 中.从这些元素创建一个数组并映射每个元素的文本，然后用换行符连接。

类似于:

const pre = document.querySelectorAll('.content pre')
const txt = [...pre].map(el => el.textContent.trim()).join('\r\n\r\n')

console.log(txt)

<div class="content">
  <pre>Text block 1</pre>
  <pre>Text block 2</pre>
  <pre>Text block 3</pre>
</div>