JavaScript中添加删除修改

最新推荐文章于 2022-05-15 21:34:54 发布

原创

最新推荐文章于 2022-05-15 21:34:54 发布 · 964 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#js #javascript

这篇博客讲述了如何在JavaScript中删除DOM元素，特别是通过超链接触发删除操作。当点击超链接时，首先获取到超链接所在的行元素，然后弹出确认删除的提示框，如果用户确认，将删除对应的行元素，并阻止超链接的默认跳转行为。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 	"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>添加删除记录练习</title>
<link rel="stylesheet" type="text/css" href="ex_2_style/css.css" />
<script type="text/javascript">

/*
 * 点击一个删除，删除一个员工的超链接
 */

//获取所有的超链接

/*
 * 删除我们tr的点击响应函数
 */
function delA(){
			
			//点击超链接以后需要删除超链接所在的那行
			//这里我们点击那个超链接this就是谁
			
			//获取当前tr
			
			var tr = this.parentNode.parentNode;
			
			//获取要删除员工的名字

// var name = tr.getElementsByTagName(“td”)[0].innerHTML

			var name = tr.children[0].innerHTML
			
			//删除tr，获取它的父节点，再对父节点进行removeChild
			
			//删除之间弹出一个提示框

// alert(“确认删除吗？”)

		/*
		 * confirm()用于弹出一个带有确认和取消按钮的提示框
		 *  需要一个字符串作为参数，该字符串将会作为提示文字弹出
		 * 如果用户点击确认则会返回true，如果点击取消则返回false
		 */
		
		//如果用户点击确认
		
		
		if(confirm("确认删除"+name+"吗？")){
			tr.parent

最低0.47元/天解锁文章

200万优质内容无限畅学