<html>
<head>
<script type="text/javascript">
function deleteRow(r)
{
var i=r.parentNode.parentNode.rowIndex
document.getElementById('myTable').deleteRow(i)
}
function insertRowInTable(){
var table = document.getElementById("myTable");
var newRow = table.insertRow(-1);
newRow.insertCell().innerHTML = newRow.rowIndex;
newRow.insertCell(-1).innerHTML = "<input type='button' value='删除' onclick='deleteRow(this)'>";
}
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td>Row 1</td>
<td><input type="button" value="删除" onclick="deleteRow(this)"></td>
</tr>
<tr>
<td>Row 2</td>
<td><input type="button" value="删除" onclick="deleteRow(this)"></td>
</tr>
<tr>
<td>Row 3</td>
<td><input type="button" value="删除" onclick="deleteRow(this)"></td>
</tr>
</table>
<input type="button" onclick="insertRowInTable();" value="插入一行" />
</body>
</html>
分享到:
相关推荐
javascript table 增加删除行
HTML TABLE批量添加行与删除行.javascript实现。
javascript增加和删除table行及验证和遮罩 javascript增加和删除table行及验证和遮罩 javascript增加和删除table行及验证和遮罩
使用javascript实现table动态增加删除行列。
javascript添加删除table行
纯javascript增加删除表格行,新增,删除行
对表格的行和列进行插入/删除,并对每行添加行号
使用javascript脚本向页面中的table添加和删除行
通过js来操作table行的动态添加删除,进行相关的操作
NULL 博文链接:https://zhouhaitao.iteye.com/blog/1152968
主要介绍了JavaScript获取表格(table)当前行的值、删除行、增加行,本文直接给出代码示例,需要的朋友可以参考下
/** * 处理新增附件的表单域的业务 * 在引用页面中相应的程序为: * 例如: * 1、...">增加 * <a href="javascript:delpicrow();">删除 * * * </table> * <!-- end --> * * */
本文实例讲述了javascript清空table表格的方法。分享给大家供大家参考。具体如下: 1. 通常方法 循环table的rows,然后一个一个删除。 这个方法是通常的方法,可行,但是效率不好。 2. 另一个方法 var artTable = ...
Form Object example [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
JavaScript动态操作表格,添加,删除行、列及单元格
NULL 博文链接:https://pouyang.iteye.com/blog/622168
JSP中使用JavaScript动态插入删除输入框实现代码.docx
js操作table元素,表格的行列新增、删除汇集.txt
通过js来控制动态加一行或删除一行,非常适合table中td一行的添加和删除。