| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 812 人关注过本帖
标题:使用IE6时js插入表格行内容错误的问题,IE8,fireFox,Opera则正常
只看楼主 加入收藏
zhanxinlin
Rank: 3Rank: 3
等 级:论坛游侠
帖 子:96
专家分:156
注 册:2010-5-19
结帖率:92.86%
收藏
 问题点数:0 回复次数:4 
使用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测试中,点击添加按键后,所填写的内容在本行不变,第二行中则添加了空白内容,但那个删除的文本链接却又保持在第二行中,并且之后需要填写数据也是在第二行中填写,第三行中点添加,很费解。不知是哪里出现问题
搜索更多相关主题的帖子: javascript content PUBLIC Opera title 
2011-06-26 05:31
zhanxinlin
Rank: 3Rank: 3
等 级:论坛游侠
帖 子:96
专家分:156
注 册:2010-5-19
收藏
得分:0 
有没有什么办法可以解决?
2011-06-26 14:59
zhanxinlin
Rank: 3Rank: 3
等 级:论坛游侠
帖 子:96
专家分:156
注 册:2010-5-19
收藏
得分:0 
已解决
2011-06-27 12:48
skying90514
Rank: 1
等 级:新手上路
帖 子:1
专家分:0
注 册:2011-8-20
收藏
得分:0 
为什么要这样做,cloneNode(boll),不是很好用吗?
2011-08-21 00:15
快速回复:使用IE6时js插入表格行内容错误的问题,IE8,fireFox,Opera则正常
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.057612 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved