Problema con getElementByTagName

[urameshix]

Hola amigos,

Tengo un problema con getelementsbytagname. Tengo el siguiente HTML y javascript

Código HTML:

<div id="wrapper">

	<p>fsdfsdfsdf</p>
	<p>fsdfsdfsdf</p>
	<p>fsdfsdfsdf</p>
	<p>fsdfsdfsdf</p>
	<p>fsdfsdfsdf</p>
	<p>fsdfsdfsdf</p>
	


</div> 

Código Javascript:

asd = document.getElementsByTagName("p");
for(a=0;a<asd.length;a++)
document.getElementById("wrapper").removeChild(asd[a]);
 

Y pues resulta, que en vez de eliminarme todos los <p>, me borra 3 nada mas. ¿Esto es normal?

Un saludo!

[zerokilled]

lee este tema problema javascript appenchild

[urameshix]

Gracias por responder zerokilled,

Leyendo el link proporcionado, parece que tengo un error de concepto. Es un objeto DOM en vez de un array no?

La verdad es que lo del tema del DOM y eso es un tema pendiente para mi y no lo entiendo mucho. Como debería plantear el bucle para extraer todos los elementos con getElementByTagName entonces?

Gracias y un saludo!

[caricatos]

Hola:

Puedes usar un índice para recorrer cualquier array, y tampoco es cosa exclusiva del DOM... pero si modificas el array los índices pueden ser distintos... por ejemplo, para vaciar un array cualquiera basta con borrar el elemento 0 de ese array... ... eso sí, debes hacerlo siempre que exista un elemento con el índice 0... o sea, siempre que en el array haya elementos....

Esa lógica no es exclusiva del DOM.

Saludos

[zerokilled]

si quieres remover todos los elementos de otro elemento, es cuestion de recorrerlo mediante la comprobacion de la existencias de elementos. puedes hacerlo con cualquiera de las siguientes propiedades o funcion: childNodes.length, firstChild, lastChild, o hasChildNodes(). la forma menos complicada,

Código:

// siendo element la referencia al elemento que se desea vaciar;
while(element.firstChild) element.removeChild(element.firstChild);
// el bucle esta controlado por la existencia de un primer elemento hijo;

por otro lado, si solo quieres eliminar unos elementos especificos, por ejemplo todos los elementos SPAN, captura todos los SPAN y en el ciclo siempre apuntas al primer indece de la coleccion, sin la necesidad de un iterador porque de lo contrario te sucede lo que estas experimentando.

Código:

var spans = element.getElementsByTagName("span");
while(spans.length) spans[0].parentNode.removeChild(spans[0]);
// el bucle esta controlado por la longitud de la coleccion;

¿a que se debe el error? getElementsByTagName, al igual que otras propiedades y funciones del DOM, devuelven un objeto tipo HTMLCollection. este objeto es activo, de modo que la longitud de la coleccion va cambiando a la vez que se desplazan o eliminan [y creo que tambien cuando se agregan nuevos elementos] los elementos de la coleccion. debido a esta transformacion, un iterador numerico no apunta a todos los indice de la coleccion, dejando asi una cantidad de elementos sin tocar.

@edit,
ciertamente como dice caricatos, ese error no es exclusivo de las colecciones. tambien sucede con los arrays si los manipulas con push y pop, entre otras funciones.

[urameshix]

Gracias zerokilled,

Ambas opciones me han funcionado, creo que entiendo mas o menos el concepto que tratas de explicar.

Te refieres a lo siguiente:

[0]
[1]
[2]
[3]

Cuando en el bucle remueve el 0, entonces 1,2,3 pasan a ser 0,1,2 y asi sucesivamente. Con razón me borraba la mitad, pasaba de 6 a 3 y si le volvía a dar me pasaba de 3 a 1 y luego de 1 a 0. Tiene su lógica.

Gracias por todo,

Un saludo!

[Panino5001]

Otra opción es recorrer el bucle de manera normal, pero en orden inverso, es decir, desde length-1 a 0, decrementando la variable de iteración con el operador --.