点击时如何才能不增加呢-JavaSript-爱易网页

点击时如何才能不增加呢

日期：2014-05-16　浏览次数：20359 次

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

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();"

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

点击时如何才能不增加呢

相关资料更多>

推荐阅读更多>