html中批量新增,[现实]HTML TABLE批量添加行与删除行

表格格式如下:

日期	开始时间	结束时间	议题	地点	内容	操作
						添加 删除

对应的JS函数:

function delCurrentRow(obj){if(confirm("确定删除当前议程?")){ if(document.all.batch_add_table.rows.length>2){ var clickedRow=obj; while(clickedRow.tagName!="TR"){ clickedRow=clickedRow.parentNode; } clickedRow.parentNode.removeChild(clickedRow); }else{ alert("此行不能进行删除！Software Source Code"); return; }}}function insertRow(obj){//获取当前表格batch_add_table的行总数var rowNum=document.all.batch_add_table.rows.length;//获取当前表格的行并克隆var newrow = document.all.batch_add_table.rows[rowNum-1].cloneNode(true); //新行的列数var colNum=newrow.cells.length;//获取当前行并进行递归循环操作找到当前行的节点var oldTr=obj;while(oldTr.tagName!="TR"){oldTr=oldTr.parentNode;}//var oldTr = $("tr:last", $("#batch_add_table"));//var oldTr = $("tr:last", $("#batch_add_table"));//通过JQUERY选择器来获取对应的控件的值var date= $("#date", oldTr).val();var startTime= $("#startTime", oldTr).val();var endTime = $("#endTime", oldTr).val();if(date==''){alert('请选择议程日期http://www.pudncom.com/！');return ;}if(startTime==''){alert('请选择议程开始时间！');return ;}if(endTime==''){alert('请选择议程结束时间！');return ;}$("#startTime", newrow).val(endTime);//复制当前行到表格document.all("batch_add_table").appendChild(newrow); }

彰显JQUERY选择器的优势的几句:

//var oldTr = $("tr:last", $("#batch_add_table"));//var oldTr = $("tr:last", $("#batch_add_table"));//通过JQUERY选择器来获取对应的控件的值var date= $("#date", oldTr).val();var startTime= $("#startTime", oldTr).val();var endTime = $("#endTime", oldTr).val();