1.表单增加功能
- 获取要操作的表格。
- 开始增加行:增加的行的位置在表格的倒数第二行,下标:总行数-1。空行
- 获取表格行目前的最大下标
- 给新增加的行对象 newRow添加 id属性
- 往空行里面增加4个列
// 增加行
var myTable = document.getElementById("order");
function addRow(){
var rowIndex = myTable.rows.length-1;
var newRow = myTable.insertRow(rowIndex);// 目前是空行
newRow.setAttribute("id",rowIndex);// 把新增加的行的下标赋给该行的id属性
// 第1个单元格
var c0 = newRow.insertCell(0);
c0.innerHTML = "<input type='text'/>";
// 第2个单元格
var c1 = newRow.insertCell(1);
c1.innerHTML = "<input type='text' style='width:30px'/>";
// 第3个单元格
var c2 = newRow.insertCell(2)<