Problema con javascript

ren · #1 (**permalink**) 14/05/2009, 18:32

Hola mudo

, tengo el siguiente problema con javascript:

al realizar

document.getElementById('idDiv1').innerHTML = document.getElementById('idDiv2').innerHTML

donde idDiv1 es
<div id='idDiv1'>
<table><tr><td>asdasd</td></tr></table...
</div>
la sentencia javascript solo me copia el texto, la tabla no la copia, porque es eso? estoy haciendo algo mal. Mi idea es copiar todo el contenido de un div, incluido el HTML a otro div, pero no lo hace, solo copia el texto, espero me puedan dar una mano o me puedan dar una idea de como lo puedo hacer, desde ya agradesco su ayuda

buzu · #2 (**permalink**) 14/05/2009, 23:32

innerHTML no funciona con tablas.

Puedes probar con:

Código javascript:

Ver originaldiv2 = document.getElementById('idDiv2');
document.getElementById('idDiv1').appendChild(div2);

Espero que te resuelva el problema

alor86 · #3 (**permalink**) 15/05/2009, 00:09

Cita:

Iniciado por buzu

innerHTML no funciona con tablas.

Puedes probar con:

Código javascript:

Ver originaldiv2 = document.getElementById('idDiv2');
document.getElementById('idDiv1').appendChild(div2);

Espero que te resuelva el problema

no sabia que el innerHTML no funcionara on tablas
asi que me puese a comprobarlo y resulto que si me funciono contablas tanto en FF como en IE probe este codigo y si me genero la tabla.

Código:

<html>

<head>
    <title>x</title>
    <script type="text/javaSCript">
        function x(){
        var d1 = document.getElementById('1');
        var d2 = document.getElementById('2');
        alert(d1.innerHTML);    
        d2.innerHTML=d1.innerHTML;
        }
    </script>
</head>

<body>
    <input type="button" value="axx" onclick="x()"/>
<div id="1">
    <table border="1">
        <tr>
            <td>a</td>
            <td>b</td>
            <td>c</td>
            <td>d</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
        </tr>
        <tr>
            <td>1</td>
            <td>d</td>
            <td>f</td>
            <td>a</td>
        </tr>
    </table>
</div>
<div id="2">

</div>
</body>
</html>

ren · #4 (**permalink**) 15/05/2009, 06:05

Ok, gracias a los 2 por responder, buzu voy a probar lo que dices, y alor86 la verdad no tengo palabras, pero hago exactamente lo que haces y nada, no se que pueda ser, no se si sera el css que aplico o por otra razon, intentare ver si puede ser otra cosa

buzu · #5 (**permalink**) 15/05/2009, 11:41

alor86, probaste tu código en IE? por que es donde da problemas. Aun que en tu ejemplo lo más probable es que no lo de por que los problemas los da al tratar de modificar la Tabla ya que estas son readonly en IE. No estoy seguro si sucede lo mismo en navegadores diferentes, o en versiones actuales de IE, pero di estoy seguro de que ese ha sido un problema bien conocido de IE.

Saludos