点击时怎么才能不增加呢?
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 = " <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 = " <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>