Html and javascript: how to switch download link to button

Question

I have a export to excel link on my page like:

<a download="queryResults.csv" href="#" onclick="return ExcellentExport.csv(this, 'datatable');">Export to CSV</a>

I would like to present it as a button, I tried something like:

<button download="queryResults.csv" href="#" onclick="return ExcellentExport.csv(this, 'datatable');">Export to CSV</button>

Hoe should I get it to work? Thanks.

Answer 1

 <a download="queryResults.csv"  
   onclick="return ExcellentExport.csv(this, 'datatable');" href="#"> 
   <button>Export to CSV</button>
 </a>

Answer 2

The button element has no href attribute. Instead you have to provide a type attribute, which has to be type="button" . See the specs here: HTML button tag