javascript - 单击带有 DOM 内容的 Javascript 按钮触发文件下载

Question

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

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

为了抓取我正在使用的 DOM 元素:

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

Answer 1

我不确定我是否正确理解了您要下载的内容。如果您将内容(听起来像元素的 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();
});