使用Javascript，我可以动态创建一个按钮，然后根据需要删除它吗？

Question

使用Javascript和HTML，我试图在点击时有一系列按钮： 1）动态创建3个具有不同选项的子按钮 2）选择一个选项后，我想删除3个新按钮并将其选举保存到变量中。

基本上，我试图复制我在http://interactiverenderings.com/看到的内容。

Answer 1

您可以通过以下方式执行此操作

var myDiv = document.getElementById("YOUR_DIV");
var btn = document.createElement("input");
btn.type = "button";
myDiv.appendChild(btn);

Answer 2

这是JsFiddle 让你入门。

 <div id="test"></div>

<script>
var dynamicBtn=document.createElement("BUTTON");
var buttonText=document.createTextNode("Hello...");
dynamicBtn.appendChild(buttonText);
document.body.appendChild(dynamicBtn);
dynamicBtn.onclick = function(){alert("Hi")};
</script>