如何使用JavaScript清除div的内容？[关闭]

152

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

javascript html css

— 拉贾塞卡
source

这个问题正在meta上讨论。

— Script47

Answers:

270

只是Javascript（根据要求）

将此功能添加到页面上的某个位置（最好在中<head>）

function clearBox(elementID)
{
    document.getElementById(elementID).innerHTML = "";
}

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

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

在JQuery中（供参考）

如果您喜欢JQuery，则可以执行以下操作：

$("#cart_item").html("");

— 汤姆·古伦
source

备用jQuery：$("#cart_item").empty();

— 罗伯·艾伦

您还可以使用.detach（）吗？

— RyanP13年

@Tom Gullen对我有用，而没有将DIV的ID传递给函数，并且在函数本身的elementID周围加上了单引号。谢谢你！

— DPSSpatial 2014年

@Tom Gullen：请不要说这不会删除与该div中的节点关联的事件处理程序。

— bhavya_w

@Mic的答案大约快250倍。jsperf.com/innerhtml-vs-removechild

— tleb

108

您也可以使用DOM方式进行操作：

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

— 麦克风
source

顶尖！与jQuery相同：$（“＃cart_item”）。empty（）; 作用于DOM，而不仅作用于内容。大！

— Pedro Ferreira

是首选innerHTML = ''，如果是，为什么呢？

— Sukima

这比干净innerHTML = ''。我个人会写几行

— dmo

@Sukima这种方法比首选答案要快，因此，如果您需要更好的性能而不是短代码，这是您的选择。

— iiic

作为一个班轮while(div.firstChild && div.removeChild(div.firstChild));

— 罗素·埃尔芬贝因