"Ya se que firefox es mejor que IE, y que hay que pasarse, y todo eso, pero este form es para distribuír, y hay que adaptarse a lo que tiene la mayoría, teniendo en cuenta las minorías..." Gracias!!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script language="JavaScript">
var l=2;
function engadirLiña(){
var objTabla = document.getElementById("t1");
var objTbody=objTabla.firstChild;
var objNuevaFila=objTbody.childNodes[1].cloneNode(true);
//cambiamos el contenido de las celdas
objNuevaFila.childNodes[0].innerHTML = "<input type =\"text\" name =\"NºLiña"+l+"\" size=\"20\">";
objNuevaFila.childNodes[1].innerHTML = "<input type =\"text\" name =\"NomeLiña"+l+"\" size=\"80\">";
objTbody.appendChild(objNuevaFila);
//l es el contador de las filas de la tabla, hago -2 porque yo lo tengo inicializado a 2
//y la primera fila es la 0
objTbody.childNodes[l-2].childNodes[2].innerHTML = " ";
//actualizamos la variable del formulario que indica el numero de filas
document.getElementById("numFilas").value = l;
//incrementamos para la siguiente fila
l++;
}
</script>
</head>
<body>
<table id = "t1" border="1" width="51%" cellpadding="1" cellspacing="1" bordercolor="#999999">
<tr bgcolor="#000066">
<td width="21%" bordercolor="#D9D9D9"><div align="center" class="Estilo17">Nº de liña </div></td>
<td width="79%" bordercolor="#D9D9D9"><div align="center" class="Estilo17">Denominación</div></td>
</tr>
<tr>
<td bordercolor="#D9D9D9"><div align="center">
<input type="text" value="" name="IDFoco12" size="20" />
</div></td>
<td bordercolor="#D9D9D9"><div align="center">
<input type="text" value="" name="CaudalFoco12" size="80" />
</div></td>
</tr>
</table>
<p>
<input type="button" name="compb2" value="Engadir Liña" onclick="engadirLiña();" />
</p>
</form>
<p> </p>
</body>
</html>
