无法在MVC JavaScript中访问HTML5中的“下载”属性

Question

我无法访问要在JavaSript代码中访问的HTML 5标签中的download属性。 它显示了未知属性“下载”，这是我用来下载的标签。

<a download="info.txt" id="downloadlink" style="display: none">Download</a>

这是我的JS代码。

var create = document.getElementById('btncreate'), 
    textbox = document.getElementById('textbox'); 
create.addEventListener(
    'click', 
    function () { 
        var link = document.getElementById('downloadlink'); 
        link.href = makeTextFile(textbox.value); 
        link.style.display = 'block'; }, 
    false); 

Answer 1

在某些浏览器中不支持 download属性，在这种情况下，该元素上的download属性将是未定义的。

对于那些浏览器，您需要使用getAttribute来获取值

 var a = document.querySelector("a"); var log = document.querySelector("#log"); log.insertAdjacentHTML("beforeend", "Download property: "+a.download+"<br>" ); log.insertAdjacentHTML("beforeend", "Download attribute: "+a.getAttribute("download") ); 

 <a download="info.txt" id="downloadlink" style="display: none">Download</a> <div id="log"></div>