2011-05-06 26 views
7

¿Alguien me puede ayudar cómo puedo eliminar el contenido de una etiqueta div con javascript?Eliminar el contenido de la etiqueta div con javascript

he intentado con esto:

Se elimina el level1 div (y por supuesto toda la etiqueta div dentro), pero ¿cómo puedo eliminar sólo el contenido en level3 dentro?

<script language=javascript> 
     function destroyDiv() { 

      var div = document.getElementById("level1"); 
      div.parentNode.removeChild(div); 

     } 
</script> 


<div id="level1"> 

    <div id="level2"> 

      <div id="level3"> 
       <label> Test content </label> 
      </div> 

    </div 
</div> 

<div id=blahDiv>Remove me</div> 
<input type=button value='Remove the div' onclick='destroyDiv()'> 
+0

que desea quitar el div sí mismo o el contenido dentro de las etiquetas de apertura y cierre de un div en particular no se desprende de su puesto. – check123

+0

solo el contenido. – holian

+0

Supongo que tiene bastantes respuestas y es casi unánime y correcto. – check123

Respuesta

17

Este trabajo document.getElementById("level3").innerHTML = ''; sould pero trate de pensar en el uso de jQuery, porque .innerHTML aplicación difiere en algunos navegadores. jQuery se vería $('#level3').html('');

+0

gracias por todo. Yo uso jquery de todos modos, así que lo uso de esta manera. – holian

+4

@holian: entonces ¿por qué la pregunta está etiquetada javascript? y qué tal esto: *** ¿cómo puedo eliminar el contenido de una etiqueta div con javascript ***? –

0

¿Qué le parece esto?

var div = document.getElementById("level3"); 
div.innerHTML = ""; 
3

¿Por qué no accede directamente level3?

document.getElementById("level3").innerHTML = ""; 
1

que puede utilizar:

document.getElementById("level3").innerHTML = ""; 
Cuestiones relacionadas