【发布时间】：2011-03-27 21:47:12
【问题描述】：
当用户点击我页面上的按钮时，应该清除 div 的内容。我将如何实现这一目标？
【问题讨论】：
标签： javascript html css
【发布时间】：2011-03-27 21:47:12
【问题描述】：
仅 Javascript（根据要求）
在你的页面某处添加这个函数（最好在<head>中）
function clearBox(elementID)
{
document.getElementById(elementID).innerHTML = "";
}
然后在点击事件上添加按钮：
<button onclick="clearBox('cart_item')" />
在 JQuery 中（供参考）
如果你更喜欢 JQuery，你可以这样做：
$("#cart_item").html("");
【讨论】：
-
备用 jQuery：
$("#cart_item").empty(); -
你也可以使用 .detach() 吗？
-
@Tom Gullen 这对我有用，无需将 DIV 的 id 传递给函数，并且在函数本身的 elementID 周围加上单引号。谢谢！
-
@Tom Gullen：请注意这不会删除与该 div 内的节点关联的事件处理程序。
-
@Mic 的答案大约快 250 倍。 jsperf.com/innerhtml-vs-removechild
你也可以用 DOM 的方式来做：
var div = document.getElementById('cart_item');
while(div.firstChild){
div.removeChild(div.firstChild);
}
【讨论】：
-
一流！与 jQuery 相同： $("#cart_item").empty();作用于 DOM 而不仅仅是内容。太好了！
-
这是否优于
innerHTML = ''，如果是，为什么？ -
这感觉比
innerHTML = ''干净。我会亲自写额外的几行 -
@Sukima 这种方式比首选答案更快，所以如果您需要更好的性能而不是短代码，这是您的选择。
-
作为一个班轮
while(div.firstChild && div.removeChild(div.firstChild));