js 手动控制表格的添加和删除
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>js 手动控制表格的添加和删除</title><script> function addRow(){ //添加一行 var newTr = testTr1.insertRow(); //添加两列 var newTd0 = newTr.insertCell(); var newTd1 = newTr.insertCell(); //设置列内容和属性 newTd0.innerHTML = '学生姓名：<input type="text" name="userName"/>'; newTd1.innerHTML = '学生班级：<input type="text" name="className"/>'; } function delRow(){ //删除一行 var delTr = testTr1.deleteRow(); //删除两列 var delTd0 = delTr.deleteCell(); var delTd1 = delTr.deleteCell(); //设置列内容和属性 delTd0.innerHTML = ''; delTd1.innerHTML = ''; }</script></head><body><form action=""><table><tr><td>管理首页 | <input type="button" value="添 加 行" onclick="addRow()"> <input type="button" value="删 除 行" onclick="delRow()"/></td></tr></table><table id="testTr1"><tr><td>学生姓名：<input type="text" name="userName"/></td><td>学生班级：<input type="text" name="className"/></td></tr></table><table><tr><td>商品名称：<input type="text" name="produceName"/></td><td>商品价格：<input type="text" name="price"/></td></tr></table></form></body></html>?