javajsp页面中实现点击按钮动态添加表格.docVIP

如图显示页面： 要求：点击“添加明细”按钮，页面中自动生成如下图显示的动态行和列 【body里的table代码】 table width 100% border 0 cellspacing 1 id tt bgcolor #ffffff tr class firstpage1 td colspan 16 align left tr class firstpage td height 23 width 5% 序号 td width 5% 交通工具 td width 5% 出发地点 td width 5% 抵达地点 td width 5% a href javascript:void 0 onclick addNew 添加明细 【body里的js代码】 script type text/javascript !-- var i 0; var arr new Array #cc99ff,#cc99ff ; alert arr ; var count 1; function addNew var order_id 2014; i++; tr document.all.tt.insertRow ; tr.style.backgroundColor arr[i%2]; tr.insertCell .innerHTML div align center +order_id+ ; tr.insertCell .innerHTML div align center +order_id+ ; tr.insertCell .innerHTML div align center input style \width:80px; height:20px;border:none\ class inputstyle type text maxlength 20 size 8 name START_SITUS class border_index ; tr.insertCell .innerHTML div align center input style \width:80px; height:20px;border:none\ class inputstyle type text maxlength 20 size 8 name ARRIVE_SITUS class border_index ; tr.insertCell .innerHTML a href javascript:void 0 class \shenpi2\ onclick del +tt+count+ 删除 ; count++; //删除明细行 ... function del aa document.all.tt.deleteRow window.event.srcElement.parentElement.parentElement.rowIndex ; //--