hola a todos, estoy teniendo un problema similar con un código que armé de varias fuentes. Con Fire fox me funciona, pero en IE no. Alguien podría ayudarme? anexo el codigo que tengo.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
</head>
<body>
<form name="Prueba">
<table id="seccion0" width="500" bgcolor="#FFFFFF" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="vertab" width="48" align="center">ID</td>
<td class="vertab" width="264" align="center">Designación</td>
<td class="vertab" width="121" align="center">P/N</td>
<td class="vertab" width="66" align="center">Cant.</td>
</tr>
</table>
<table id="seccion1" width="500" bgcolor="#FFFFFF" border="0" cellspacing="0" cellpadding="0">
<DIV id="cuadrosTexto">
<tr>
<td class="vertab" width="48" align="center">ID</td>
<td class="vertab" width="264" align="center">Designación</td>
<td class="vertab" width="121" align="center">P/N</td>
<td class="vertab" width="66" align="center">Cant.</td>
</tr>
</DIV>
</table>
<a href="javascript
:agregar();">agregar</a>
</form>
<script language="JavaScript" >
<!--
var linea = 1;
var col = 1;
function agregar() {
//alert(linea);
var divContenedor = document.getElementById("cuadrosTexto");
var grp = document.createElement("span");
var tr = document.createElement('tr');
var td1 = document.createElement('td');
var td2 = document.createElement('td');
var td3 = document.createElement('td');
var td4 = document.createElement('td');
var td5 = document.createElement('td');
var input1 = document.createElement('input');
input1.setAttribute('value','1');
input1.setAttribute('name','ser_'+linea+'_'+col);
input1.setAttribute('readOnly','true');
col++;
var input2 = document.createElement('input');
input2.setAttribute('value','2');
input2.setAttribute('name','tit_'+linea+'_'+col);
input2.setAttribute('readOnly','true');
col++;
var input3 = document.createElement('input');
input3.setAttribute('value','3');
input3.setAttribute('name','int_'+linea+'_'+col);
input3.setAttribute('readOnly','true');
col++;
var input4 = document.createElement('input');
input4.setAttribute('value','4');
input4.setAttribute('name','apo_'+linea+'_'+col);
input4.setAttribute('readOnly','true');
col++;
/*var inputh = document.createElement('input');
inputh.setAttribute('type','hidden');
inputh.setAttribute('name','id_'+linea);
inputh.setAttribute('value','5');
*/
var btnRemove = document.createElement("input");
btnRemove.setAttribute('type','button');
btnRemove.setAttribute('value','Quitar Cuadro');
btnRemove.setAttribute('id','quitar');
btnRemove.setAttribute('onclick','quitarboton(this )');
td1.appendChild(input1);
td2.appendChild(input2);
td3.appendChild(input3);
td4.appendChild(input4);
td5.appendChild(btnRemove);
//document.Prueba.appendChild(inputh);
tr.appendChild(td1);
tr.appendChild(td2);
tr.appendChild(td3);
tr.appendChild(td4);
tr.appendChild(td5);
//document.getElementById('seccion1').appendChild(tr );
grp.appendChild(tr);
divContenedor.appendChild(grp);
//alert(tr.tagName);
linea++;
col=1;
}
function quitarboton(elemento) {
var elem = elemento.parentNode;
var elemParent = elem.parentNode;
elemParent.parentNode.removeChild(elemParent);
}
-->
</script>
</body>
</html>