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