Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/422.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我如何在运行时通过点击按钮调用函数,如下面的代码所示_Javascript - Fatal编程技术网

Javascript 我如何在运行时通过点击按钮调用函数,如下面的代码所示

Javascript 我如何在运行时通过点击按钮调用函数,如下面的代码所示,javascript,Javascript,这里我创建了一个创建按钮的函数,我为它设置了一个属性,属性显示在页面上,但是函数alrt()未显示在“代码”页上 不使用任何解决方案来执行此操作。您可以使用元素方法: function createButton(){ var btnDisplay = document.createElement("button"); btnDisplay.innerHTML="Display Value"; btnDisplay.backgroundColor="green";

这里我创建了一个创建按钮的函数,我为它设置了一个属性,属性显示在页面上,但是函数
alrt()未显示在“代码”页上

不使用任何解决方案来执行此操作。

您可以使用元素方法:

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);

}

在我看来,如果您可以避免inlin事件并使用
addEventListener()
onclick
来代替,则效果更好:

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();
希望这有帮助

btnDisplay.onclick=function() { alrt();  };
//OR
btnDisplay.addEventListener('click', alrt, false);