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
:
Ver originalele = 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:
Ver original<li class="clearfix" id="litel"> <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> <p id='telefono_error' class='error'>Digite un numero de telefono.
</p>
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