单击按钮 Javascript 即可触发文件下载，其中包含 DOM 中的内容

我想下载一个从 DOM 元素创建的文件。因此，用户单击网页上的按钮，它会调用 JavaScript 方法，该方法可以获取 DOM 元素的内容并提示用户下载。

我能够获取 Javascript Var 中 DOM 元素的内容。但不确定如何进一步进行。

为了抓取 DOM 元素，我正在使用：

var elem = document.getElementById("userDownload");

我不确定我是否正确理解您要下载的内容是什么。如果您将内容（听起来像元素的 HTML？）存储在变量中，您可以尝试：

("#downloadbutton").click(function() {
  //var content = content of file;
  var dl = document.createElement('a');
  dl.setAttribute('href', 'data:text/csv;charset=utf-8,' + encodeURIComponent(content));
  dl.setAttribute('download', 'filename.txt');
  dl.click();
});