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

Raj*_*kar 152 html javascript css

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

Tom*_*len 270

只是Javascript(根据要求)

在页面的某个位置添加此功能(最好在<head>)

function clearBox(elementID)
{
    document.getElementById(elementID).innerHTML = "";
}
Run Code Online (Sandbox Code Playgroud)

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

<button onclick="clearBox('cart_item')" />
Run Code Online (Sandbox Code Playgroud)

在JQuery中(供参考)

如果你更喜欢JQuery,你可以这样做:

$("#cart_item").html("");
Run Code Online (Sandbox Code Playgroud)

  • alternate jQuery:`$("#cart_item").empty();` (50认同)
  • @汤姆Gullen:请勿这一点儿也不删除与该DIV中的节点相关联的事件处理程序. (3认同)

Mic*_*Mic 108

您也可以使用DOM方式:

var div = document.getElementById('cart_item');
while(div.firstChild){
    div.removeChild(div.firstChild);
}
Run Code Online (Sandbox Code Playgroud)