JavaScript案例:表单删除

最新推荐文章于 2023-09-21 15:57:23 发布

「已注销」

最新推荐文章于 2023-09-21 15:57:23 发布

阅读量1k

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/qq_67192586/article/details/123751566

版权

本文介绍了如何使用JavaScript创建表单并实现表单数据的删除功能，特别提到了结合确认对话框（confirm）来增强用户体验。

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

制作表单,将表单数据,实现删除表单数据

<style>
	tr{
		width:50px;
	}
</style>
<script type="text/javascript">
	function del(obj){ // obj : 传入的就是删除的那个按钮
		var tr = obj.parentNode.parentNode;
		var table = tr.parentNode;
		// 从table中将tr 移除
		table.removeChild(tr);
	}
</script>
</head>
	<body>
		<table border="1px" width="500px" cellspacing="0">
			<tr>
				<td>学号</td>
				<td>姓名</td>
				<td>班级</td>
				<td>家庭住址</td>
				<td>操作</td>
			</tr>
			
			<tr>
				<td>1001</td>
				<td>小明</td>
				<td>王者班</td>
				<td>亡者峡谷</td>
				<td><input type="button" value="删除" onclick&#