js中点一个按钮table中自己增加一行
<html>
<head>
<title>员工详细信息</title>
<meta http-equiv="Content-Type" content="text/html;charset=GBK">
<script>
<!--
function doAddEmp() {
//opener.document.write("--------------------");
var empListTable = opener.document.getElementById("empListTable");
//alert(empListTable.rows.length);
var tr = empListTable.insertRow(-1);
var tdEmpNo = tr.insertCell(-1);
var tdEmpName = tr.insertCell(-1);
var tdJob = tr.insertCell(-1);
var tdMgr = tr.insertCell(-1);
var tdSal = tr.insertCell(-1);
var tdComm = tr.insertCell(-1);
var tdDeptName = tr.insertCell(-1);
tdEmpNo.innerHTML = document.forms[0].empNo.value;
tdEmpName.innerHTML = document.forms[0].empName.value;
tdJob.innerHTML = document.forms[0].job.value;
tdMgr.innerHTML = document.forms[0].mgr.value;
tdSal.innerHTML = document.forms[0].sal.value;
tdComm.innerHTML = document.forms[0].comm.value;
tdDeptName.innerHTML = document.forms[0].deptName.value;
if (empListTable.rows.length % 2 == 1) {
tr.className = "trOne";
} else {
tr.className = "trTwo";
}
//window.close();
}
-->
</script>
</head>
<body background="pixel01.gif">
<form>
<table align="center" width="60%" border="1" bordercolor="purple">
<caption><font size="7" face="黑体" color="purple"><i>员工详细信息</i></font></caption>
<tr bgcolor="violet">
<td align="right" width="30%">编号</td>
<td align="left"><input type="text" name="empNo" value="9015"></td>
</tr>
<tr bgcolor="plum">
<td align="right">姓名</td>
<td align="left"><input type="text" name="empName"></td>
</tr>
<tr bgcolor="violet">
<td align="right">职位</td>
<td align="left"><input type="text" name="job"></td>
</tr>
<tr bgcolor="plum">
<td align="right">主管</td>
<td align="left"><input type="text" name="mgr"></td>
</tr>
<tr bgcolor="violet">
<td align="right" width="30%">工资</td>
<td align="left"><input type="text" name="sal"></td>
</tr>
<tr bgcolor="plum">
<td align="right">奖金</td>
<td align="left"><input type="text" name="comm"></td>
</tr>
<tr bgcolor="violet">
<td align="right">部门</td>
<td align="left"><input type="text" name="deptName"></td>
</tr>
<tr>
<td bgcolor="plum" colspan="2" align="center"><input type="button" value="确定" onclick="doAddEmp()"></td>
</tr>
</table>
</form>
</body>
</html>