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

128

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

источник

2010-08-10 Rajasekar

* "Трудно сказать, что спрашивают здесь. Этот вопрос неоднозначен, расплывчатый, неполный, чрезмерно широкий или риторический и не может быть разумно отреагирован в его нынешнем виде ». * - Как точно трудно сказать, что здесь задают? Любой, кто ищет« правильный »ответ на этот вопрос, вероятно, имеет полное представление о том, что сделка здесь. –

237

Просто Javascript (по запросу)

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

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

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

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

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

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

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

источник

2010-08-10 15:27:55

+46

+1 для не использования jquery :-) – TheHippo

+18

-∞. требуется больше jquery –

+46

alternate jQuery: '$ (" # cart_item "). empty();' –

Вы можете сделать это DOM, как хорошо:

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

источник

2010-08-10 15:38:57 Mic

Вверху! То же, что и jQuery: $ ("# cart_item"). Empty(); действуя на DOM и не только по содержанию. Большой! –

Является ли это предпочтительным для 'innerHTML = ''', и если да, то почему? – Sukima

Способ DOM был (во время ответа) и, вероятно, сегодня намного быстрее, чем 'innerHTML' – Mic

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

ответ

Смежные вопросы