Hola..siempre lo dire...vamos a ver si te digo algo q te sirva....
pero primero para ver si entiendo la cosa:
Un evento sobre una imagen o div o algo (verdad?) con un evento tipo "onclick" que cuando se ejecute ()obviamente con un click) pase algo (en este caso q aparesca y desaparesca)...eso es???
espero no equivocarme pero ahi lo mejor es la famosa tecnica: AJAX!!
osea mas q todo la parte de ajax en el uso de DOM (para todos los q me salgan diciendo q no, q ajax son peticiones, xmlhttprequest y todas esas locuras). Pero volviendo al tema:
ojo este ejemplo:
Código:
<html>
<head>
<title>ejemplillo<title>
</head>
<body>
<script language = 'javascript'>
function nuevo(){
var elemento;
elemento = document.createElement("input");
elemento.setAttribute("id","soyN");
elemento.setAttribute("type","text");
elemento.setAttribute("value","soy nuevo");
document.body.appendChild(elemento);
}
</script>
<input id = 'boton' type = 'button' value = 'Dame Click' onclick = 'nuevo()'>
</body>
</html>
cuando utd ponga eso en un archivito .html y lo abra con un browser...le va a salir un boton...le das click y aparece un input...ahora seguro diras: "pero para q me sirve eso"...bueno...y si en esta linea : "elemento = document.createElement("input");" ponemos en ves de input un tag div o un tag img??? ahhh cambia la cosa verdad, despues aqui:
elemento.setAttribute("type","text");
ahi estoy diciendo q el atributo type del tag input sea text, entonces si es un div pondriamos atributos de div....la cosa esta asi ese codigo q le puse crea este codigo en la pagina en tienpo de ejecucion:
<input type = "text" value = "soy nuevo">
(Ya casi termino jaja) Pero eso es para q aparesca un nuevo nodo o elemento..pero para q desaparesca (o bien eliminarlo) seria este codigo:
var Eliminar = document.getElementById("soyN");
Eliminar.parentNode.removeChild(Eliminar);
estonces ahi creamos y eliminamos nodos o elementos dentro de un archivito html
Te sirvio??? o te explique algo q nada q ver jaja??