使用javascript调用html中的标记下载?

使用javascript调用html中的标记下载?,javascript,jquery,html,Javascript,Jquery,Html,目前我有一个 点击上面的标签,我可以从url下载图片。现在我的页面上有一个按钮,如下所示: <button>Download by using button!</button> 使用按钮下载! 有没有办法让用户下载不是通过点击链接而是通过点击按钮 我的目的只是制作一个自动代码,可以下载html页面上指定类的所有图像。var el=document.{通过其中一种方法获取标记}; var el = document.{get you <a> tag by

目前我有一个

点击上面的标签,我可以从url下载图片。现在我的页面上有一个按钮,如下所示:

<button>Download by using button!</button>
使用按钮下载!
有没有办法让用户下载不是通过点击链接而是通过点击按钮

我的目的只是制作一个自动代码,可以下载html页面上指定类的所有图像。

var el=document.{通过其中一种方法获取标记};
var el = document.{get you <a> tag by one of methods};
el.dispatchEvent(window.CustomEvent?new CustomEvent('click'):document.createEvent('click')); 
el.dispatchEvent(window.CustomEvent?new CustomEvent('click'):document.createEvent('click'));
此代码可能不起作用,但无论如何,您可以使用
createEvent
dispathEvent
来启动标记下载操作

向上:
在jQuery中,它更简单-
$('your a tag')。trigger('click')
但是jQuery可能会在这方面搞砸,本机代码会更健壮

使用本机javascript会是这样的:

HTML:


这个答案可能会有帮助。您应该将其中一个答案标记为已解决。我很乐意帮忙。
var el = document.{get you <a> tag by one of methods};
el.dispatchEvent(window.CustomEvent?new CustomEvent('click'):document.createEvent('click')); 
<a id="download-link" href="123.png" download >Download it!</a>
document.getElementById("download-link").click();