[SOLUCIONADO] No logro cambiar el contenido de un Div (Texto x Imagen)

hcrisel · #1 (**permalink**) 31/01/2014, 10:01

Hola como estas?... Espero que bien.

Quería ver si me podés ayudar con esto. Tengo un Div con un texto inicialmente y luego de obtenida una imagen la quiero poner en el Div ramplazando el "TEXTO" por la "IMAGEN".

Código HTML:

Ver original[HTML]
 
<body>
    <div id="phather">
        <div id="imagenx" class="ubicado">Aquí estará la imagen</div>
    </div>
</body>
 
 
<script languaje="javascript">
 
        function onComplete(data){
            var time = Date.now();
            var diffImage = new Image();
            diffImage.src = data.getImageDataUrl();
            diffImage.setAttribute('width','250px');
            diffImage.setAttribute('height','200px');
 
****** original en jQuery ******* QUIERO QUITAR jQUERY **************
 
            $('#imagenx').html(diffImage);
 
**************************************************************          
 
 
***** si lo hago así me Remplaza/Cambia el Objeto (Div) por el Objeto (img) o sea la imagen y pierdo la ubicacion del div en la pagina
 
            var cambiar = document.getElementById("imagenx");
            padre = cambiar.parentNode;
            padre.replaceChild(diffImage, cambiar);
 
***********************************************************************************************************
 
***** pero si lo hago de este modo; no me muestra nada *****************
 
            var xxx = document.getElementById('imagenx');
            function() { xxx.innerHTML=diffImage; }
 
***********************************************************************
</script>
 
[/HTML]

Para el primer caso ¿ Debo crear un nuevo DIV y volver a darle sus atributos anteriores ?

El segundo ya no tengo idea que hago mal

Te agradezco de antemano y te deseo lo mejor

hcrisel · #2 (**permalink**) 31/01/2014, 14:26

bien tonta la solución. Era pensar un poco.

document.getElementById("imagenx").innerHTML="";
document.getElementById("imagenx").appendChild(dif fImage);

Gracias de todos modos