Javascript如何制作重置按钮

Question

一旦用户输入让我说5个号码进入该列表我想要一个重置按钮，所以如果用户想立即删除它们，他们可以点击重置，这应该删除整个列表....

我试过制作一个带有重置功能的重置按钮，该功能通过id获取元素并尝试删除它，但它不能正常工作所以我希望有人知道如何做到这一点......

这是小提琴 http://jsfiddle.net/bikbouche1/QVUHU/67/

Answer 1

不要忘记你总是可以使用简单的

<input type="reset" value="Reset">

如果要清除整个表单。请注意，您需要将当前在表格标记之外的输入移动到表单标记内以使其生效。

这是更新后的fiddle.

另请注意，nrabinowitz的答案不会有两个原因。首先，给出了错误的ID（“数字”而不是“数字”），并且.innerHTML将不用于输入字段。相反，你应该使用：

document.getElementById("reset").onclick = function() {
  document.getElementById("number").value = "";
};

他的小提琴的更新，工作版本是here。

Answer 2

见this updated fiddle。关键代码：

document.getElementById("reset").onclick = function() {
   document.getElementById("numbers").innerHTML = "";
};

要澄清，因为这似乎混淆了其他海报 - “数字”div是一个或多个动态创建的input元素的占位符，不 a引用原始“数字”input。通过将innerHTML设置为""，上面的代码会完全删除动态创建的元素 - 它不会尝试清除它们的值。