Reemplazar un div por otro?

[juanmvilla]

Hola, qiero saber como hacer para poder cambiar un div por otro. Es decir, todo el contenido de un div, cambiarlo por otra cosa.

Código:

<div style="width:100">Main...</div>
                        <div style="float:left;  width:60px">Image </div>
                        <div>.<input  name="Main"type="radio"  id="Image" value="Image" /></div>
                		<div style="float:left; width:60px">Video </div>
                        <div>.<input name="Main" id="Video" type="radio" value="Video"  /></div>
                  	</div>
                		
        		<div id="image1" style="visibility:visible;">
                	<div style="float:left;width:150">Main Image:</div>      
   	      			<div>.<input name="upload1" type="file"  id="upload1"/></div>
	    		</div>
       		  	<div id="video1" style="visibility:visible;">
                	<div style="float:left;width:150">Main Video:</div>
   	      			<div>.<input name="upload2" type="file" id="upload2"/></div>
   	    		</div>

y quiero que al hacer click en "video" odo lo que esta en video1 se carge en image 1. No quiero cambiarle la visibilidad. solo quiero reemplazar divs. Ah y el .html, a menos que lo este usando mal.... NO FUNCIONA para este caso


muchas gracias

[laratik]

Que tal poniéndole un id al div y luego llamar a innerHTML

Código Javascript:

document.getElementById("id").innerHTML = "nuevo contenido del div";
 

Creo que eso es lo que buscas, si no se un poco más especifico

[zerokilled]

buenas,
eso mismo estaba pensando pero no estaba seguro. ademas de que lo veo redundante. ¿para que transferir el contenido de un lado a otro? estarias creando una copia de algo que ya esta presente. ¿no te seria mejor cambiar la visibilidad? ya se que tu respuesta es no, pero me quedo con la incognita de por qué.