> Faqs > Eliminar contenido de un div al hacer click

Eliminar contenido de un div al hacer click

Cómo puedo hacer que cuando de un click en un link, por ejemplo, se elimine el contenido de un <div>.

Tengo este código:

<a href="#">Limpiar</a>
<br>
<div id="limpiar">asdasdasdasd</div>

Quiero que se elimine el contenido de lo que hay adentro del div...

Sé que se hace con javascript pero no se mucho más...

Gracias de antemano

Respuestas

No es difícil, simplemente tienes que acceder a la división y cambiar su atributo innerHTML. Pero para conseguirlo necesitas definir un evento sobre el enlace. Para saber sobre qué enlace debes poner el manejador de evento necesitas darle un identificador, luego el código HTML del que partiría yo es este:

<a href="#" id="enlacelimpiar">Limpiar</a>
<br>
<div id="limpiar">
    Contenido que se debe limpiar con Javascript
    al hacer clic en el enlace
</div>

Ahora el Javascript necesario sería algo como esto:

document.getElementById('enlacelimpiar').addEventListener('click', function() {
   document.getElementById('limpiar').innerHTML = '';
});
Marcos
157 1 14 11

Si quieres vaciar el contenido:

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

Si quieres ocultar la capa, con estilos CSS

function ocultar() {   
 var capa = document.getElementById("limpiar");   
 capa.style.display = "none";   
 capa.style.visibility = "hidden";   
}
Zagalet