Obtener contenido de un div

lobofer · #1 (**permalink**) 06/05/2009, 16:28

Hola amigos, necesito obtener el contenido de un div que tiene cierta información luego de llenarse con una tabla.

Gracias por sus respuestas.

David · #2 (**permalink**) 06/05/2009, 16:32

Con la propiedad innerHTML puedes obtener el contenido.

lobofer · #3 (**permalink**) 06/05/2009, 16:41

Hola David el Grande gracias por tu respuesta.

La situación es que ya tengo lleno el div ahora lo que necesito es sacar lo que tinene el div en una variable.

Creo que ahí me explico un poco mejor.

alor86 · #4 (**permalink**) 06/05/2009, 16:48

puedes hacer esto

var mivariable = document.getElementById('el_div').innerHTNL

David · #5 (**permalink**) 06/05/2009, 16:49

Y sí, el contenido lo puedes obtener con innerHTML:

Código Javascript:

Ver originalvar variable = div.innerHTML;

gammassp · #6 (**permalink**) 06/05/2009, 23:15

Con los elementos div no puedes acceder a los nodos hijos a travez de childNodes ya que el div no los reconoce y con innerHTML te va a devolver el contenido del div pero con todo y etiquetas HTML.
Para extraer el contenido del div lo mejor que podes hacer es asignar ID's a los elementos que quieras recuperar y los obtengas con document.getElementById("id del elemento")

Exitos.

buzu · #7 (**permalink**) 07/05/2009, 00:32

Cita:

Con los elementos div no puedes acceder a los nodos hijos a travez de childNodes ya que el div no los reconoce

Estas seguro? o solo lo has escuchado? Te digo por que nunca oí tal cosa y acabo de hacer una prueba y no es cierto. Cuando le pido que me diga el nombre del nodo hijo de un div, me dice clarito que es un P, y adivina que? si es un P :).

Por que no nos dices en que te vasas para hacer esa afirmación? Yo lo probé con FF. Probablemente con algún navegador no funcione. Estaría bien que nos dijeras.

Saludos.

Ah, aquí dejo el código que he usado para la prueva:

Código javascript:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>Untitled</title>
    <script type="text/javascript">
    function funcion(){
        alert(document.getElementById('uno').childNodes[1].nodeName);
        }
    </script>
</head>
<body onload='funcion()'>
<div id="uno">
    <p>Parrafo</p>
</div>
</body>
</html>

El alert me dice "P'.

gammassp · #8 (**permalink**) 07/05/2009, 00:46

Es cierto, se me olvido poner que no funciona en IE6 y en versiones viejas de FF :P

Eso me pasa por apurado :S

buzu · #9 (**permalink**) 07/05/2009, 00:48

ah, ok. Queda más claro. De cualquier modo nunca oí nada de eso. Creo que después haré unas pruebas para ver que es lo que en realidad pasa. Gracias por el dato de todos modos. Por cierto, con versiones viejas de FF, como de que versión hablas? Digo, para saber en donde hacer las pruebas.

Saludos