用javascript删除当前行,添加行(示例代码)
2018-10-12 14:07
681 查看
删除行
<script>
function del(obj)
{
obj.parentNode.parentNode.removeNode(true);
}
</script>
<body>
<table>
<tr>
<td>单元格1</td>
<td><input type=button value="delete this row" onclick="del(this)"></td>
</tr>
<tr>
<td>单元格2</td>
<td><input type=button value="delete this row" onclick="del(this)"></td>
</tr>
<tr>
<td>单元格3</td>
<td><input type=button value="delete this row" onclick="del(this)"></td>
</tr>
</table>
</body>
添加行
<script>
function uf_test(){
//得到table对象
var tbTable = document.getElementById("tb_test");
//插入一行
var trT = tbTable.insertRow();
//得到上一行的td数
var nRows = tbTable.rows[0].cells.length;
//按上一行的td数循环进行插入td
for(var i = 0; i < nRows ; i++){
//创建td对象
var tdT = document.createElement("TD");
//给td对象赋值
//tdT.innerHTML="sfsdf";
tdT.innerText="sfsdf";
//把td添加到tr中
trT.appendChild(tdT);
}
}
</script><table id="tb_test" border="1">
<tr>
<td><input type="text"></td>
</tr>
</table><input type="button" onclick="uf_test();" value="增加一行">
您可能感兴趣的文章:
相关文章推荐
- 用javascript删除当前行,添加行(示例代码)
- 红黑树添加删除操作c语言示例代码
- lucene功能四;索引库的维护;索引库的添加;修改;删除;及代码实现;代码示例
- asp批量添加修改删除操作示例代码
- JavaScript实现url地址自动检测并添加URL链接示例代码
- 用javascript删除当前行,添加行
- JavaScript通过代码添加删除事件
- js中cookie的添加、取值、删除示例代码
- MOSS添加删除导航结点代码示例(SPNavigationNode)
- JavaScript实现url地址自动检测并添加URL链接示例代码
- javascript 添加行,删除行,datepicker获取当前日期和上一个月日期并设置格式,笔记
- Jquery动态添加及删除页面节点元素示例代码
- 为Javascript中的String对象添加去除左右空格的方法(示例代码)
- js中cookie的添加、取值、删除示例代码
- javascript里面的数组,json对象,动态添加,修改,删除示例
- JavaScript获取当前页面上的指定对象示例代码
- php中DOMDocument简单用法示例代码(XML创建、添加、删除、修改)
- javascript里面的数组,json对象,动态添加,修改,删除示例
- MOSS添加删除导航结点(SPNavigationNode)代码示例