js-订单增删改案例

1.订单增加

1. 获取要操作的表格
2. 增加的行的位置在表格的倒数第二行
3. 下标：总行数-1 获取表格行目前的最大下标
4. 给新增加的行对象 newRow添加 id属性
5. .往空行里面增加所需要的单元格

增加案例：

// 1.获取要操作的表格。
			var myTable = document.getElementById("order");
			// 增加行
			function addRow(){
   
				// 2.开始增加行：增加的行的位置在表格的倒数第二行，下标：总行数-1。空行
				// 获取表格行目前的最大下标
				var rowIndex = myTable.rows.length-1;
				var newRow = myTable.insertRow(rowIndex);// 目前是空行
				// 给新增加的行对象 newRow添加 id属性
				newRow.setAttribute("id",rowIndex);// 把新增加的行的下标赋给该行的id属性
				// 3.往空行里面增加4个列/单元格
				// 第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个单元格