Как очистить содержимое div с помощью JavaScript?

Когда пользователь нажимает кнопку, содержимое div с id cart_item должно быть очищено. Как я могу это сделать?

Только Javascript (по запросу)

Добавьте эту функцию где-нибудь на свою страницу (желательно в <head>)

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

Затем добавьте кнопку на событие click:

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

В JQuery (для справки)

Если вы предпочитаете JQuery, вы можете сделать:

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

Вы также можете сделать это с помощью DOM:

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