<table width="100%" id="x" border="1" cellpadding="0" cellspacing="0" bordercolorlight="#000000" bordercolordark="#FFFFFF">
<form name="a">
<tr id=a1>
<td>aaa</td><td>bbb</td>
</tr>
</form>
</table><input type=button value=插入一行 onclick=add()>
<script language=JavaScript>
var i=1;
function add(){
var newTR = a1.cloneNode(true);
newTR.id="a"+(++i)
a1.parentNode.insertAdjacentElement("beforeEnd",newTR);
}
</script>
<form name="a">
<tr id=a1>
<td>aaa</td><td>bbb</td>
</tr>
</form>
</table><input type=button value=插入一行 onclick=add()>
<script language=JavaScript>
var i=1;
function add(){
var newTR = a1.cloneNode(true);
newTR.id="a"+(++i)
a1.parentNode.insertAdjacentElement("beforeEnd",newTR);
}
</script>
解决方案 »
- webservise发布是的错误,麻烦高手看看如何解决
- 如何弹出文件保存对话框
- 关于MyEclipse中使用Hibernate生成DAO的问题,大家帮忙,急
- jspsmartupload组件取值的问题
- servlet中使用请求转发ReuestDispatcher
- 请大侠看看我的代码有什么问题?好几天了!555555!
- 如何判断一个文件是否存在?
- 谁有jb8配jsp/servlet的教程阿,高分相赠!
- 如果你的WEB服务器通INTERNET或者无法进行域名解析.....
- Tomcat启动后报错 警告: Unknown default host: localhost
- 谁有这个-商城之家-网站(http://www.keyshop.cn/)的完整源代码啊?
- 请教:服务器启动前,需要运行某程序自动运行与异端(第三方)连接通讯,如何做好持久化保护(建立对象资源池)?
如:document.getElementById("x").deleteRow(0)删除你的table的第一行。
<tr align="center">
<th>ID</th>
<th>name</th>
<th>sex</th>
<th>age</th>
<th>phone</th>
<th>address</th>
<th>country</th>
<th>operation</th>
</tr>
<tr align="center">
<td>LS-001</td>
<td>Galant</td>
<td>male</td>
<td>24</td>
<td>12345678</td>
<td>珠海</td>
<td>中国</td>
<td>
<input type="button" value="修改" onClick="doEdit(this);">
<input type="button" value="删除" onClick="doDelete(this);">
</td>
</tr>
<tr align="center">
<td>LS-002</td>
<td>Mark</td>
<td>male</td>
<td>22</td>
<td>8560025</td>
<td>NewYork</td>
<td>America</td>
<td>
<input type="button" value="修改" onClick="doEdit(this);">
<input type="button" value="删除" onClick="doDelete(this);">
</td>
</tr>
<tr align="center">
<td>LS-003</td>
<td>Kerry</td>
<td>female</td>
<td>20</td>
<td>2205562</td>
<td>London</td>
<td>England</td>
<td>
<input type="button" value="修改" onClick="doEdit(this);">
<input type="button" value="删除" onClick="doDelete(this);">
</td>
</tr>
</table><script> //修改
function doEdit(src) {
if(src.value == "修改") {
for(i = 0; i < 7; i++) {
obj = src.parentElement.parentElement.children[i];
obj.innerHTML = "<input type='text' size=10 value='" + obj.innerText + "'>";
}
src.value="保存";
}else if(src.value == "保存"){
for(i = 0; i < 7; i++) {
obj = src.parentElement.parentElement.children[i];
obj.innerHTML = obj.children[0].value;
}
src.value="修改";
}
} //删除
function doDelete(src) {
i = src.parentElement.parentElement.rowIndex;
if(window.confirm("确定要删除吗?")) {
src.parentElement.parentElement.parentElement.deleteRow(i);
}
}
</script>