javascript动态添加与删除表格行.docVIP

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head runat=server titleUntitled Page/title script type =text/javascript //动态添加行 function addRowMx() { if(document.all.mxTable.rows.length 20){ alert(您最多可以添加20行。); }else{ //添加一行 var newTr = document.all.mxTable.insertRow(); var rowId = document.all.mxTable.rows.length; //添加两列 var newTd0 = newTr.insertCell(); var newTd1 = newTr.insertCell(); var newTd2 = newTr.insertCell(); var newTd3 = newTr.insertCell(); var newTd4 = newTr.insertCell(); //设置列内容和属性 newTd0.innerHTML = input name=mxRecord+ rowId + type=text class=input maxlength=70 style=width:20%;.${domainName}; newTd1.innerHTML = input name=mxContent+ rowId + type=text class=input maxlength=70 style=width:100%;; newTd2.innerHTML = input name=mxPrio+ rowId + type=text class=input maxlength=70 style=width:100%; value=20; newTd3.innerHTML = input name=mxTtl+ rowId + type=text class=input maxlength=70 style=width:100%; value=3600 input type=hidden name= mxId value= + rowId + id = mxId ; } } //删除当前行 function delMyRow(j){ var mytable = document.getElementById(mybody); var myrow = document.getElementById(tr+j); mytable.deleteRow(myrow.rowIndex-1); } //删除所有行 function delAllMyRow(){ var mytable = document.getElementById(mybody); var rowlen=mytable.rows.length; for(var i=rowlen-1;i=0;i--){ mytable.deleteRow(i); } } //取得事件所在的tr function getTR() { var obj=event.srcElement; while (obj.tagName !=TR) { obj = obj.parentElem