<tbody>
<tr ondrop = "drop(event, 'interpretes')" ondragover = "allowDrop(event, 'interpretes')" id = "tabla_interpretes"><th></th><th>Interprete</th><th>Personaje</th><th></th><</tr><tr></tr>
<tr id="fila_interpretes_22775">
<td ondrop="drop(event, 'interpretes')" ondragover="allowDrop(event, 'interpretes')" draggable="true" ondragstart="drag(event, 'interpretes')">
<img src="img/mover_elemento.gif" id="interpretes_22775" style="cursor: move;">
</td>
<td><input name="interpretes[]" placeholder="Interprete" value="Pepe" type="text"></td>
<td><input name="personajes[]" placeholder="Personaje" value="Yo" type="text"><br></td>
<td><img src="img/add_16.png" onclick="add('22775','interpretes')" height="16" width="16"></td>
y el siguiente Jscript
Código Javascript :
<script> function add( id, nombre ) { var el=document.getElementById("fila_"+ nombre +"_"+ id); clon=el.cloneNode(true); try { var padre=el.parentNode; } catch(err) {} while( padre.id.indexOf("tabla_"+nombre)==-1 && padre.id == null ) { padre=padre.parentNode; } id=Math.floor((Math.random()*100000)+1); ; clon.id="fila_"+ nombre +"_"+ id; var a=0; for(a=0;a<clon.childNodes.length;a++) { try { var el2=clon.childNodes[a].firstChild; alert(el2.tagName); switch(el2.tagName) { case "INPUT": el2.value="";break; } } catch (err) {} } padre.insertBefore(clon,padre.childNodes[el.rowIndex + 1]); } </script>
Supuestamente, pulsando el botón que habría a la derecha, en las celdas de las tablas, debería lanzar la función "add", y entre otras cosas esta tendría que recorrer la fila ( TR ) clonada y mostrar una alerta diciendome, que clase de elementos contiene dentro de cada celda.
Columna 1 IMG
Columna 2 INPUT
Columna 3 INPUT
Columna 4 IMG
sin embargo, me indica esto
Columna 1 undefined
Columna 2 INPUT
Columna 3 INPUT
Columna 4 IMG
porqué no me reconoce la primera imagen?
Gracias
Pero no,