Javascript 将DOM元素转换为blob

我正在尝试将dom元素转换为Blob，稍后我将使用它作为附件发送相同的内容（如pdf）。其代码如下所示：

Dom元素：

<div id="dom-container">
   Dom container
</div>

打开file.pdf后，出现以下错误：

有人能帮我找出dom到blob/pdf转换过程中的问题所在吗

---

提前感谢。

首先，PDF不是HTML文件。其次，您创建了一个dom元素的blob，而不是它的innerHTML。@John感谢您的评论。我也尝试了innerHTML，但没有成功。有什么办法可以让它工作吗？使用pdf.js并了解它是如何工作的。@MatthewCook0485已经尝试过这个解决方案，但没有成功。该问题与pdf转换/呈现有关

const blobData = new Blob([document.getElementById('dom-container')], {type: "text/html"});
const a = document.createElement("a");
const object_URL = URL.createObjectURL(blobData);
a.href = object_URL;
a.download = 'file.pdf';
a.click();
URL.revokeObjectURL(object_URL);