使用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测试中,点击添加按键后,所填写的内容在本行不变,第二行中则添加了空白内容,但那个删除的文本链接却又保持在第二行中,并且之后需要填写数据也是在第二行中填写,第三行中点添加,很费解。不知是哪里出现问题