JavaScript动态创建与删除表格行实例

function add(){
alert(num);
tr=document.getElementById("require").insertRow();
tr.ondblclick=function(){
        document.getElementById("require").deleteRow(this.rowIndex);
};
tr.title  = "双击删除";
var cell1 = tr.insertCell();
var cell2 = tr.insertCell();
var cell3 = tr.insertCell();
var cell4 = tr.insertCell();
var cell5 = tr.insertCell();
var cell6 = tr.insertCell();
var cell7 = tr.insertCell();
var cell8 = tr.insertCell();
cell1.innerHTML="<textarea style='width:98%' rows='3' name='projectName_"+num+"' dataType='Require' msg='审计项目不能为空' onclick=\"selectProject('"+num+"')\"></textarea>"
+"<input type='hidden' id='projectId_"+num+"' name='projectId_"+num+"'/>" 
+"<input type='hidden' name='detailNum' value='"+num+"'/>";
cell2.innerHTML="<input onclick='javascript:setday();' type='text' size='10' name='trainTime_"+num+"' />" ;
cell3.innerHTML="<input onclick='javascript:setday();' type='text' size='10' name='startTime_"+num+"' />" ;
cell4.innerHTML="<input onclick='javascript:setday();' type='text' size='10' name='overTime_"+num+"' />" ;
var option = "<s:property value='selectString'/>";
var select = "<select name='expertType_"+num+"' id='expertType_"+num+"'>"+option.replace(/&lt;/g, "<").replace(/&gt;/g, ">")+"</select>"
//alert(select)
cell5.innerHTML=select ;
cell6.innerHTML="<input type='text' size='5' name='expertNum_"+num+"' dataType='Require' msg='人员数量不能为空'/>";
cell7.innerHTML="<textarea style='width:98%' rows='3' id='planPersonView_"+num+"' onclick=\"selectExpert('"+num+"')\"></textarea>" 
+"<input type='hidden' id='planPerson_"+num+"' name='planPerson_"+num+"'/>" 
+"<input type='hidden' id='num_"+num+"' name='planNum_"+num+"'/>" ;
cell8.innerHTML="<textarea style='width:98%' rows='3' name='remark_"+num+"'></textarea>" ;