如何使用JavaScript清除div的内容？

当用户单击我的页面上的按钮时，应该清除div的内容。我将如何实现这一点？

只需Javascript（按要求）

在页面的某个位置添加此功能（最好在

中）

然后在单击事件上添加按钮：

<button onclick="clearBox('cart_item')" />

---

您也可以通过DOM的方式进行：

var div = document.getElementById('cart_item');
while(div.firstChild){
    div.removeChild(div.firstChild);
}

---

备选jQuery:

$（“#购物车项目”）.empty（）

你也可以使用.detach（）吗？@Tom Gullen这对我来说很有效，没有将DIV的id传递到函数中，并且在函数本身的elementID周围加上单引号。谢谢你@汤姆·古伦：请注意，这不会删除与该分区内节点相关的事件处理程序。@Mic的答案大约快250倍。一流！与jQuery相同：$（“#cart_item”）.empty（）；作用于DOM，而不仅仅是作用于内容。伟大的这比

innerHTML=''

更受欢迎吗？如果是这样，为什么？这感觉比

innerHTML=''

更干净。我会亲自写额外的几封信lines@Sukima这种方法比首选答案更快，因此如果您需要更好的性能而不是较短的代码，这是您的选择。作为一个单行

while（div.firstChild&&div.removeChild（div.firstChild））
$("#cart_item").html("");

var div = document.getElementById('cart_item');
while(div.firstChild){
    div.removeChild(div.firstChild);
}