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 un link limpiar div: <div...

La FAQ Eliminar contenido de un div al hacer click tiene

Pertenece a la categoría:
Pregunta
Cómo puedo hacer que cuando de un click en un link por ejemplo se elimine el contenido de un div




un link limpiar div: <div id=limpiar>asdasdasdasd </div> se elimine el contenido de lo que hay adentro...




se que son cosas de javascript pero no se mucho...




gracias de antemano


estoy trabajando PHP + MySQL + AJAX
Respuesta de Zagalet
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";


}

Volver al árbol de categoríasVolver al árbol de categorías

Comentarios

rogerhernandez

01/3/2007
Puesto que innerHTML funciona sólo con Internet Explores, es mejor usar el modelo DOM:

function limpiar() {
var d = document.getElementById("limpiar");
while (d.hasChildNodes())
d.removeChild(d.firstChild);
}
Esta función primero hace referencia al objeto div de la página, luego, mientras haya un elemento en el objeto lo borra.

Para más detalles recomiendo visitar este sitio:
http://www.kusor.net/traducciones/brainjar.es/introdom1.es.html

Dani

29/6/2007
La respuesta de antes esta bien, pero se le olvido indicarte que, dentro de la etiqueta "div" tienes que añadir el envento onclick y la funhcion a la que deseas llamar cuando hagas el click.
Quedaria una cosa asi;
<div id="limpiar" onClick="limpiar();">asdasdasd</div> si quieres limpiar el div o bien;
<div id="limpiar" onClick="limpiar();">asdasdasd</div> si lo que quieres es ocultar el div, con lo que podrias en otro momento hacerlo visible.
Espero te ayude

raul

31/1/2012
consulta
prueba

osvaldo_rojas_gonzlez

22/3/2013
Mostrando contenido dinámico
mira, yo en la página que estoy desarrollando tengo un menú desde el cuál en la misma página cargo módulos con la información y con un botón limpio o descargo el contenido:

mi página trabaja con módulos, el modulo cuerpo tiene éste div:

<div id="cuerpo_1">
<table width="100%" border="0">
<tr>
<?php
include("includes/menu.php");
?>
</tr>
</table>
<div id="contenido_dinamico">

</div>
</div>

esta es parte del menu

<li><a href="javascript:Enviar('modulos/apertura.php','contenido_dinamico')">Apertura</a></li>

y el botón que lo descarga es éste:

<input name="btnsalir" type="button" value="Salir" style="width:100px; height:30px" onclick="javascript:Enviar('','global')">

y ésta es la función:

function Enviar(_pagina,capa)
{
var
ajax;
ajax = ajaxFunction();
ajax.open("POST", _pagina, true);
ajax.setRequestHeader("Content-Type",
"application/x-www-form-urlencoded");
ajax.onreadystatechange = function()
{
if (ajax.readyState == 4)
{
document.getElementById(capa).innerHTML =
ajax.responseText;
}
}
ajax.send(null);
}

Ahora si te fijas los datos que requiere la función son:

_pagina = contenido de lo que quieres mostrar, puede ser una imagen, un módulo (en mi caso) que es lo que te convendría.

capa = donde lo quieres mostrar, en ésto tienes que tener la siguiente concideración, en donde lo quieras mostrar debe tener id, y éste valor lo pasas a la función en la parte de capa, así si te fijas si quiero mostrar algo en "contenido_dinamico" paso éste valor y el directorio donde está lo que quiero mostrar, pero si quiero la página original, paso vacio en la parte del directorio y el id de la parte principal de la página.
FAQ relacionadas

Para ver más FAQ relacionadas accede a las categorías:

Volver al árbol de categoríasVolver al árbol de categorías