2010-08-10 24 views
128

Cuando el usuario hace clic en un botón, debe eliminarse el contenido del div con id cart_item. ¿Cómo podría lograr esto?¿Cómo borro el contenido de un div usando JavaScript?

+6

* "Es difícil decir lo que se pide aquí. Esta pregunta es ambigua, vaga, incompleta, demasiado amplia o retórica y no se puede responder razonablemente en su forma actual ". * - ¿Cómo es exactamente difícil decir lo que se está preguntando aquí? Cualquier persona que busque la respuesta" correcta "a esta pregunta probablemente tenga una comprensión perfecta de cuál es el trato aquí. –

Respuesta

237

Sólo Javascript (como se solicita)

Agregar esta función en algún lugar de su página (preferentemente en el <head>)

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

A continuación, añadir el botón de evento click:

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

En JQuery (como referencia)

Si prefiere jQuery que podría hacer:

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

+1 por no usar jquery :-) – TheHippo

+18

-∞. necesita más jquery –

+46

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

91

Usted puede hacer que el DOM manera también:

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

¡De primera clase! Lo mismo que jQuery: $ ("# cart_item"). Empty(); actuando en DOM y no solo en el contenido. ¡Estupendo! –

+0

¿Es preferible esto a 'innerHTML = ''' y, en caso afirmativo, por qué? – Sukima

+0

El modo DOM era (en el momento de la respuesta) y es probable que todavía hoy sea mucho más rápido que 'innerHTML' – Mic

Cuestiones relacionadas