javascript - 无法将操作链接绑定(bind)到 html 按钮

Question

我正在我的 javascript 文件中创建一个动态链接，它生成一个动态链接以便用户下载文件。我会链接将链接放在按钮内，以便用户按下按钮而不是链接。但是，当我将链接放在按钮内时，链接似乎不再绑定(bind)到按钮。不确定我做错了什么，我看到了他们按照我的方式做的例子。

HTML

<button class="k-button" id="ResultButton" style="display: none;"></button>

这是我在“index.cshtml 文件”中创建按钮的地方。

Javascipt

   var csvData = data.result;
            var buffer = csvData;
            var uri = "data:text/csv;charset=utf8," + encodeURIComponent(buffer);
            var fileName = "resultCSV.csv";

            var link = document.createElement("a");
            if (link.download !== undefined) { // feature detection
                // Browsers that support HTML5 download attribute
                link.setAttribute("href", uri);
                link.setAttribute("download", fileName);
            }
            else if (navigator.msSaveBlob) { // IE 10+
                link.addEventListener("click", function (event) {
                    var blob = new Blob([buffer], {
                        "type": "text/csv;charset=utf-8;"
                    });
                    navigator.msSaveBlob(blob, fileName);
                }, false);
            }

            link.innerHTML = "Export to CSV";
           // I think I may be doing this incorrect
            document.getElementById("ResultButton") .appendChild(link);
            $("#ResultButton").show();

        } else {
            alert("Your Search Cameback Empty Please Check Your Selections And Retry");
        }

我想我可能做错了。似乎当我试图将此链接绑定(bind)到我的按钮时，它会覆盖该链接。因为当我 document.body.appendChild(link); 它正确地为我提供了链接，但是当我将它绑定(bind)到按钮时，它只是刷新了网页。

Answer 1

这将使它看起来像一个按钮。

>  var myATag = '<a href="somelink" type="button" class="k-button"
> id="ResultButton"/>';

删除按钮代码。创建一个 div 并在函数的末尾执行。

 $("#mydiv").html(myATag);