（30）使用DOM删除表格数据

最新推荐文章于 2021-06-20 04:40:45 发布

无人与我共黄昏

最新推荐文章于 2021-06-20 04:40:45 发布

阅读量1.1k

点赞数

分类专栏： JavaScript案例解析

本文链接：https://blog.csdn.net/Xuan6251237011/article/details/37959261

版权

JavaScript案例解析同时被 3 个专栏收录

42 篇文章 0 订阅 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

JavaScript代码

42 篇文章 0 订阅

订阅专栏

JavaScript

24 篇文章 0 订阅

订阅专栏

本文介绍了如何使用DOM操作来删除HTML表格中的数据。通过在表格中添加删除链接，并为该链接绑定点击事件，当点击链接时，可以调用removeChild方法从表格的tBodies中移除指定的tr行，实现数据的删除功能。

摘要由CSDN通过智能技术生成

使用DOM删除元素：当你添加元素的时候，将删除的链接添加进去，然后为这个链接添加点击事件，每次点击这个链接的时候就会从表格中的tBoides中removeChild掉tr一行即可。

<!DOCTYPE HTML>
<!--
	使用DOM删除元素：当你添加元素的时候，将删除的链接添加进去，然后为这个链接添加点击事件，每次点击这个链接的时候就会从表格中的tBoides中removeChild掉tr一行即可
-->
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
	window.οnlοad=function ()
	{
		var oTab=document.getElementById('tab1');

		var oBtn=document.getElementById('btn1');
		var oName=document.getElementById('name');
		var oAge=document.getElementById('age');

		var id=oTab.tBodies[0].rows.length+1;
		
		oBtn.οnclick=function ()
		{
			va