table对tr增加删除的操作

 

$(document).ready(function(){    $(".checkboxs").click(function(){        var t =  document.getElementById("tableCreate");          while(t.rows.length>1){             t.deleteRow(1);          }var val=$('input:radio[name="radio"]:checked').val();var SplitArray=new Array();if(val!=null){SplitArray=val.split("&");$.post("showPlotPicByCond.action", { sz: "6",tt: SplitArray[0],area: SplitArray[1],ii: SplitArray[2]} ,function(data){var alltree = new Array();var tree = new Array();alltree = data.split("@%");var tb=document.getElementById("tableCreate");for(var i=0;i<alltree.length;i++){tree = alltree[i].split("&#");var newTr = tb.insertRow();var newTd = newTr.insertCell();var newTd1 = newTr.insertCell();var TREE_NAME = tree[0];newTd.innerHTML ="<a href='javascript:showPic(\""+TREE_NAME+"\");'> "+tree[0]+" </a>";newTd1.innerHTML = tree[1];}});}});});function showPic(TREE_NAME){document.getElementById("Layer19").innerHTML="<a href=\"showPlotPic.action?fname="+TREE_NAME+"\" target=\"_blank\"><img src=\"${pageContext.request.contextPath}/pic/showPlotPic.action?fname="+TREE_NAME+"\"  alt=\"预告图\" height=\"100%\" width=\"100%\" border=\"0\"/></a>";};

其中在实现删除tableCreate 的tr时候出现的问题：

一：  t 的length 长度变化问题导致删除不完全。

后来3种方法解决：

1>

  

var t =  document.getElementById("tableCreate");alert(t.rows.length);var leg = t.rows.length;for(var u=0;u<leg;u++){alert(u);if(u!=0){t.deleteRow(1);}}

2>

var table=document.getElementById("tableCreate");while(table.rows.length!=1){  table.deleteRow(table.rows.length-1);};

 

3>

var t =  document.getElementById("tableCreate");while(t.rows.length>1){t.deleteRow(1);}