Question

我正在创建一个重置按钮，单击它时应该通过一个函数删除它自己。

但删除只有当按钮本身以外的任何元素触发时才会起作用:(我的意思是onclick无法正常工作。

创建重置按钮的功能：

function createButton(context, id , value ,func)
{
  var button = document.createElement("input");
  button.type = "button";
  button.id = id;
  button.value = value; // text on button
  button.onclick = func;
  context.appendChild(button); // add the button to the context
}

对create函数的调用：
createButton(document.body , "resetButton" , "Reset Game" , "resetGame();" );

重置功能，假设删除按钮：

//reminder - id is "resetButton"
function resetGame()
{   
  var resetBottun = document.getElementById("resetButton");
  var parentOfResetButton = resetBottun.parentElement;
  parentOfResetButton.removeChild(resetBottun);
};

当我点击按钮时，它应该触发resetGame（）函数并且该按钮应该消失，但正如我所提到的，只有当我从任何其他地方运行resetGame（）函数而不是重置按钮的onclick时才会发生这种情况。

希望你理解：/

请帮助

Answer 1

button.onclick的值必须是函数。

您正在分配"resetGame();"，这是字符串。

通过resetGame代替"resetGame()"。

按钮可以通过功能删除自己吗？使用Javascript

1 个答案: