使用IE6时js插入表格行内容错误的问题,IE8,fireFox,Opera则正常
程序代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. xmlns="http://www. http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script language="javascript" type="text/javascript"> function clrtablevalue() { document.getElementById("code").value=""; document.getElementById("mname").value=""; document.getElementById("mspeci").value=""; document.getElementById("munit").value=""; document.getElementById("mnumber").value=""; document.getElementById("mpric").value=""; document.getElementById("mprics").value=""; document.getElementById("mremerk").value=""; } function table2InsertCell() { var b=document.getElementById("table2").rows[1].cells; var i=b[0].innerHTML; i=parseInt(i); var i=i+1; var a=document.getElementById("table2").insertRow(1); a.insertCell(0).innerHTML=i; a.insertCell(1).innerHTML="<input name='code' type='text' size='8' readonly='true' value='"+document.getElementById("code").value+"' /> <input type='hidden' name='irow' value='"+i+"' />"; a.insertCell(2).innerHTML="<input name='mname' type='text' readonly='true' value='"+document.getElementById("mname").value+"' />"; a.insertCell(3).innerHTML="<input name='mspeci' type='text' size='8' readonly='true' value='"+document.getElementById("mspeci").value+"' />"; a.insertCell(4).innerHTML="<input name='munit' type='text' size='3' readonly='true' value='"+document.getElementById("munit").value+"' />"; a.insertCell(5).innerHTML="<input name='mnumber' type='text' size='7' value='"+document.getElementById("mnumber").value+"' />"; a.insertCell(6).innerHTML="<input name='mpric' type='text' size='7' readonly='true' value='"+document.getElementById("mpric").value+"' />"; a.insertCell(7).innerHTML="<input name='mprics' type='text' size='7' readonly='true' value='"+document.getElementById("mprics").value+"' />"; a.insertCell(8).innerHTML="<input name='mremerk' type='text' size='20' value='"+document.getElementById("mremerk").value+"' />"; a.insertCell(9).innerHTML="<a href='#' onclick='deleteRow(this);'>删除</a>"; clrtablevalue(); } function deleteRow(r) { var i=r.parentNode.parentNode.rowIndex; document.getElementById('table2').deleteRow(i); } </script> </head> <body> <table border="1" cellpadding="0000" cellspacing="0" bordercolor="#000000" id="table2"> <tr> <td>序号</td> <td>代码</td> <td>名称</td> <td>规格型号</td> <td>单位</td> <td>数量</td> <td>单价</td> <td>金额</td> <td>备注</td> <td>操作</td> </tr> <tr> <td>0</td> <td><input type="text" id="code" size="8" /></td> <td><input type="text" id="mname" /></td> <td><input type="text" id="mspeci" size="8" /></td> <td><input type="text" id="munit" size="3" /></td> <td><input type="text" id="mnumber" size="7" /></td> <td><input type="text" id="mpric" size="7" /></td> <td><input type="text" id="mprics" size="7" /></td> <td><input type="text" id="mremerk" size="20" /></td> <td><input type="button" value="添加" onclick="table2InsertCell();" /></td> </tr> </table> </body> </html>
程序本意设计是填写了内容后,点击添加按键,所以填写内容均自动添加到第二行中,在IE8,fireFox,Opera中测试正常,但在IE6测试中,点击添加按键后,所填写的内容在本行不变,第二行中则添加了空白内容,但那个删除的文本链接却又保持在第二行中,并且之后需要填写数据也是在第二行中填写,第三行中点添加,很费解。不知是哪里出现问题