按钮可以通过函数删除自身吗? Javascript
Can a button delete itself via a function? Javascript
我正在创建一个重置按钮,当点击它时应该通过一个函数删除它自己。
但是只有当按钮本身以外的任何元素触发时删除才有效:(我的意思是 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
}
创建函数的调用:
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() 函数而不是重置按钮的点击。
希望你明白:/
请帮忙
button.onclick
的值需要是一个函数。
您正在分配 "resetGame();"
,这是一个 字符串。
传递 resetGame
而不是 "resetGame()"
。
我正在创建一个重置按钮,当点击它时应该通过一个函数删除它自己。
但是只有当按钮本身以外的任何元素触发时删除才有效:(我的意思是 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
}
创建函数的调用:
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() 函数而不是重置按钮的点击。
希望你明白:/
请帮忙
button.onclick
的值需要是一个函数。
您正在分配 "resetGame();"
,这是一个 字符串。
传递 resetGame
而不是 "resetGame()"
。