ayuda con cloneNode

[danteq]

hola

Tengo el siguiente inconveniente estoy utilizando la funcion cloneNode para copiar el contenido de un bloque html conpuesto por <li>, <p>, <div> y <input>

Lo que deseo hacer es quitar elementos es decir una vez clonado el bloque poderle quitar algunos divs que no necesito

mi codigo es este

Código Javascript:

ele = document.getElementById('litel').cloneNode(true);
    ele.id = '';
    for(var i=1;i<ele.getElementsByTagName('div')[0].length;i++){
        //ele.removeChild(ele.lastChild);
        alert(ele.parentNode);
    }
    eletel = ele.getElementsByTagName('div')[0];
    eletel.id = 'telefonos'+nu;
    contenedor.relatedElement = eletel;
    eleinp = ele.getElementsByTagName('input')[0];
    eleinp.id = 'telefono'+nu;
    eleinp.value = '';
    eleinp.className = 'caja';
    eleinp.setAttribute('class','caja');    
    contenedor.relatedElement = eleinp;
    eleimg = ele.getElementsByTagName('img')[0];
    eleimg.onclick = function () {ctel("telefonos"+nu)}
    contenedor.appendChild(ele);
 

este es el html

Código HTML:

<li class="clearfix" id="litel">
              <label for="telefono">Telefono</label>
              <div id="telefonos" style="float:left;">
                <p><input type='text' name='telefonos[]' id='telefono0' class="caja" maxlength="15" onkeypress="return solo_numeros(event);" /><img src="../images/mas_48x48.png" alt="Agregar mas telefonos" title="Agregar mas telefonos" style="cursor:pointer;float:right;" onclick="ctel('telefonos');"/></p>
              </div>
              <div class="clear"></div>
              <p id='telefono_error' class='error'>Digite un numero de telefono.</p>
            </li>
 

Esta estructura html cambia ya que se pueden agregar mas cajas de texto o no dependiendo de la persona

la parte que no me funciona y con la que tengo problemas es con el loop for no se como quitar los divs que no necesito

Gracias

[zerokilled]

no tengo claro cuales son elementos que deseas retener. de todos modos, el bucle no te funciona porque estas leyendo la propiedad length de un elemento y no de la coleccion devuelta por getElementsByTagName. fijate que tienes un corchete con un cero, el cual indica el primer elemento de la coleccion y este a su vez representa un elemento html.

[danteq]

Muchas gracias por la respuesta.

Veras el corchete o el elemento cero es por que dentro de ese elemento se alojan divs que son creados de forma dinamica y lo que quiero es quitar esos divs que se crean de forma dinamica y que a su vez hacen parte del div [0] por asi llamarlo he hehco esto pero no los quita

Código Javascript:

ele = document.getElementById('litel').cloneNode(true);
    ele.id = '';
    var tel = ele.getElementsByTagName('div')[0];
    var tels = tel.getElementsByTagName('div');
    for(var i=0;i<tels.length;i++){
        alert(tels[i]);
        ele.getElementsByTagName('div')[0].removeChild(tels[i]);
    }
 

pero solo quita un elemento y la verdad no se que mas puedo utilizar o que es lo qeu estoy haciendo mal

[zerokilled]

tienes que tener cuidado porque los HTMLCollection son activos. quiere decir que las colecciones se actualizan cuando existe un cambio en la estructura HTML. o sea, si eliminas o agregas elementos, la coleccion se actualiza. en tu caso, tienes la variable i para recorrer los elementos. cuando eliminas uno, length tiene un valor distinto, la variable i se actualiza, al final del primer ciclo se ha saltado un elemento. ¿que puedes hacer? en lugar de usar un contador, siempre eliminas el primer elemento de la coleccion. el bucle lo controlas solo leyendo la longitud de la coleccion.

[danteq]

hola y gracias por la respuesta.

La verdad no entiendo lo que quieres decir ya q no tengo que mas contar o tomar como contador. ya que dentro de la coleccion hay mas elementos asi qeu no sabria que tomar como contador o como tomar los divs creados de otra forma.

Gracias por su tiempo