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);
}