acceder a src de imagen contenida en divs (iexplorer)

keither · #1 (**permalink**) 28/11/2005, 08:35

Hola,

Me encuentro con el siguiente problema. Cuando intento acceder para leer o cambiar el atributo src de una imagen que está dos niveles por debajo de unos divs con explorer no puede acceder, en cambio con firefox si. Éste es el código:

Código:

<div><div><img src='pepe.gif' id='imgpepe'></div></div>

El hecho de tener 2 divs en el ejemplo es absurdo, pero en el codigo real si. En cambio, si saco la imagen fuera de los divs:

Código:

<img src='pepe.gif' id='imgpepe'>

puedo acceder sin problemas a document.getElementById('imgpepe').src;

También he probado con el id del div y firstchild, pero sin éxito.
No hay posibilidad de acceder y manipular estas propiedades simplemente por el hecho de que el objecto esté 'escondido' debajo de dos divs?

Gracias.

JavierB · #2 (**permalink**) 28/11/2005, 09:48

Hola keither

Acabo de probar en IE 6.0 y me ha funcionado document.getElementById('imgpepe').src tanto para leer como para cambiar la imagen

Saludos,

keither · #3 (**permalink**) 28/11/2005, 09:51

Pero con la imagen dentro de los divs? Asi?:

Código:

<div>
<div>
<img src='pepe.gif' id='imgpepe'>
</div>
</div>

Si es así... no lo entiendo......

keither · #4 (**permalink**) 28/11/2005, 10:02

Datos concretos. Aver, mi imagen está dentro de esta estructura:

Código:

<html>
<head></head>
<body>
       <table>
            <tr><td>
                       <div>
                               <div>
                                        <img src='pepe.gif' id='imgpepe'>
                               </div>
                       </div>
            </td></tr>
        </table>
</body>
</html>

Si alguien puede acceder y cambiar el atributo src desde javascript y con iexplorer que postee el codigo por favor, ya no se que mas probar!!!!

Gracias y saludos.

JavierB · #5 (**permalink**) 28/11/2005, 10:08

Hola de nuevo.

Pruebalo aquí

Saludos,

keither · #6 (**permalink**) 28/11/2005, 10:16

Gracias, ya veo que funciona, pero en ese ejemplo falta meter los dos divs y la imagen en una celda de una tabla:

Código:

<table>
<tr>
<td>
<div>
<div>
<img src='pepe.gif' id='imgpepe'>
</div>
</div>
</td>
</tr>
</table>

Gracias por contestar.

keither · #7 (**permalink**) 28/11/2005, 10:31

Solo añadir que éste código funciona correctamente con Firefox.
En cambio con explorer es como si no se pudiera acceder al objeto img.
No es la primera vez que me pasa esto, con otras cosas como por ejemplo un tag A dentro de varios div que a su vez estan dentro de una tabla tampoco me funcionaba.

JavierB · #8 (**permalink**) 28/11/2005, 10:32

Rehola.

Con document.getElementById('loquesea') accedes a un objeto independientemente de donde está. Podrías meter la imágen dentro de un montón de tablas y de divs y el código seguiría funcionando.

De todas formas lo he metido en una tabla, mira otra vez el enlace que te puse.

Saludos,

keither · #9 (**permalink**) 28/11/2005, 10:36

Tienes razón, funciona y lo he probado en una página nueva y me funciona.
Haré algunas pruebas y si no lo soluciono os pongo la url mia para que lo probeis.

Muchas gracias por ayudarme.

Saludos