Jak wyczyścić zawartość elementu div za pomocą JavaScript?

128

Gdy użytkownik kliknie przycisk, zawartość elementu div o identyfikatorze cart_item powinna zostać wyczyszczona. Jak miałbym to osiągnąć?Jak wyczyścić zawartość elementu div za pomocą JavaScript?

Źródło

2010-08-10 Rajasekar

* "Trudno powiedzieć, co jest proszony jest tutaj. Pytanie to jest niejednoznaczne, niejasne, niekompletne, zbyt szerokie lub retoryczne i nie można w rozsądny sposób odpowiedzieć w jego obecnej formie. "* - jak dokładnie jest trudno powiedzieć, o co się tu pyta? Każdy, kto szuka" właściwej "odpowiedzi to pytanie prawdopodobnie doskonale rozumie, co to jest tutaj: –

237

Wystarczy Javascript (na żądanie)

Dodaj tę funkcję gdzieś na swojej stronie (najlepiej w <head>)

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

Następnie dodać przycisk po kliknięciu zdarzenia:

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

W języku JQuery (dla odniesienia)

Jeśli wolisz JQuery można zrobić:

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

Źródło

2010-08-10 15:27:55

+46

+1 za nie używanie jquery :-) – TheHippo

+18

-∞. wymaga więcej jquery –

+46

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

Można to zrobić DOM sposób także:

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

Źródło

2010-08-10 15:38:57 Mic

Na najwyższym poziomie! To samo co jQuery: $ ("# cart_item"). Empty(); działając na DOM, a nie tylko na treści. Wspaniały! –

Czy jest to preferowane w stosunku do 'innerHTML = '' ', a jeśli tak, dlaczego? – Sukima

Droga DOM była (w czasie odpowiedzi) i prawdopodobnie nadal jest znacznie szybsza niż "innerHTML" – Mic

Jak wyczyścić zawartość elementu div za pomocą JavaScript?

Odpowiedz

Powiązane problemy