日期:2014-05-16  浏览次数:20315 次

点击时怎么才能不增加呢?
HTML code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>New Document</TITLE>


<script language="javascript">
  
function showoper(){
    
  var oper="601,602,603";//服务器传来的数组串,
  var targetArray = oper.split(",");
   var table = document.getElementById("listTab");
  var cellcount = 5;//行的列数,可以按自己的要求修改
  var tr;//创建的行对象
    
  //以下代码自动生成单元格和文本框,并设置文本框的值
  for(var i = 0; i < targetArray.length; i++){  
  
      if (i % cellcount == 0){
          tr = document.createElement("tr");
          table.appendChild(tr);
      }
      var td = document.createElement("td");//创建单元格
                   //创建单元格时怎么给td 加上样式呢?
        
      
      td.innerHTML = " &nbsp;&nbsp;<br/><input type = 'text' name = 'agent"+ i + "' value = '" + targetArray[i] + "' size='5' style=TEXT-ALIGN: center;'readonly='readonly' onclick = 'javascript:clicknum(this.value);' />";//设置单元格的内容
       
      tr.appendChild(td);//将生成的单元格插入行中
  }
}



</script>

</HEAD>

<BODY >
<table ><tbody id="listTab"></tbody>
</table>
<table>
<tr>
<td> <input name="" type="button" onClick="showoper();" value="点击时怎么才能不增加呢"></td>
</tr>
</table>

</BODY>
</HTML>







var oper="601,602,603";//服务器传来的数组串,(现在点击模拟),每次oper的值都不一样,怎么才能删除上tb呢,或者把table中的数全清楚在重新生成呢???
有什么好的办法怎么办!!!

------解决方案--------------------
table.innerHTML = ""; 这样你就能把整个table清空,你在根据需要生成新的数据就可以了
------解决方案--------------------
在getElementById之后先清除下不就可以了吗?
不然你后面是append会附加上去 而不是替换
------解决方案--------------------
document.getElementById("listTab").deleteRow()
------解决方案--------------------
LZ是想每次点击button只显示一行数据,而且数据也是不同的,是这个意思吗!!
------解决方案--------------------
HTML code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>New Document</TITLE>


<script language="javascript">

    function showoper() {

        var oper = "601,602,603"; //服务器传来的数组串,
        var targetArray = oper.split(",");
        var table = document.getElementById("listTab");
        var cellcount = 5; //行的列数,可以按自己的要求修改
        var tr; //创建的行对象

        if (table.childNodes.length > 0) {
            for (var i = 0; i < table.childNodes.length; i++)
                table.removeChild(table.childNodes(i));
        }
        //以下代码自动生成单元格和文本框,并设置文本框的值
        for (var i = 0; i < targetArray.length; i++) {

            if (i % cellcount == 0) {
                tr = document.createElement("tr");
                table.appendChild(tr);
            }
            var td = document.createElement("td"); //创建单元格
            //创建单元格时怎么给td 加上样式呢?

            
            
            td.innerHTML = " &nbsp;&nbsp;<br/><input type = 'text' name = 'agent" + i + "' value = '" + targetArray[i] + "' size='5' style=TEXT-ALIGN: center;'readonly='readonly' onclick = 'javascript:clicknum(this.value);' />"; //设置单元格的内容

            tr.appendChild(td); //将生成的单元格插入行中
        }
    }



</script>

</HEAD>

<BODY >
<table ><tbody id="listTab"></tbody>
</table>
<table>
<tr>
<td> <input name="" type="button" onClick="showoper();"