Todos los nodos en un array

salbatore · #1 (**permalink**) 30/03/2010, 12:21

Hola foreros!,

Estoy buscando la forma de tener todos los elementos que se encuentran en el interior de un div, pero no hay forma.

He probado con:

Código PHP:

  document.getElementById('mi_div').getElementsByTagName("input");

Pero lo necesito de todos los elementos, no solo de los input's. Tambien he probado con childNodes, pero solo coge los elementos de un determinado nivel.

¿Existe la posiblidad de coger todos los elementos sin depender en que nivel esten?, es decir:

Código HTML:

<div id="mi_div">
     <div "div_desconocido">
        <div id="otro_div">
        </div>
     </div>
</div>

En este caso me crease con array con los elementos "div_desconocido" y "otro_div".

¿Existe de alguna forma sencilla?

Adler · #2 (**permalink**) 30/03/2010, 12:42

Hola

Has de hacer referencia a la etiqueta correcta

Cita:

document.getElementById('mi_div').getElementsByTag Name("DIV");

Suerte

salbatore · #3 (**permalink**) 30/03/2010, 12:49

Hola de nuevo,

Jejeje... no me refieria a los elementos "div" sino a todos. El codigo que puse de getElementsByTag era un ejemplo. Lo que deseo es que todos los elementos del interior de "mi_div" tengan el tag que sea y tengan la posiciion que sea se encuentren en el mismo array.

¿Es posible de una forma sencilla?

zaqpz · #4 (**permalink**) 30/03/2010, 22:26

Con getElementsByTagName("*"), te hago un pequeño ejemplo:

Código Javascript:

Ver original<html>
<head>
<script>
window.onload=load;
 
function load()
{
    var a=document.getElementById('div_a').getElementsByTagName("*");
    for(var x=0; x<a.length; x++)
    {
        alert(a[x].id);
    }   
}
 
</script>
</head>
 
<body>
<div id="div_a">
    <div id="div_b">
        <div id="div_c"><span id="span_a"></span></div>
    </div>
    <span id="span_b"></span>
</div>
</body>
</html>

Saludos!

salbatore · #5 (**permalink**) 31/03/2010, 07:21

Hola zaqpz,

Muchas gracias!... me ha servido perfectamente!

Hasta pronto!.