javascript - 如下面的代码所示，我如何在运行时单击按钮时调用函数

function createButton(){
    var btnDisplay = document.createElement("button");
    btnDisplay.innerHTML="Display Value";
    btnDisplay.backgroundColor="green";
    btnDisplay.onclick="alrt()";
    var divCon = document.getElementById("detailcal");
    divCon.appendChild(btnDisplay);

}

在这里，我创建一个创建按钮的函数，并为其设置了一个属性，该属性显示在页面上，但是函数alrt();不在页面代码上显示。

没有任何解决方案来做到这一点。

最佳答案

您可以使用setAttribute元素的方法：

function createButton(){
    var btnDisplay = document.createElement("button");
    btnDisplay.innerHTML="Display Value";
    btnDisplay.backgroundColor="green";
    btnDisplay.setAttribute("onclick", "alert('hello')");
    var divCon = document.getElementById("detailcal");
    divCon.appendChild(btnDisplay);

}
createButton();