Dom动态地增加和删除表格

最新推荐文章于 2023-05-18 13:55:24 发布

原创最新推荐文章于 2023-05-18 13:55:24 发布 · 184 阅读

0 ·

CC 4.0 BY-SA版权

Web 专栏收录该内容

8 篇文章

订阅专栏

本文介绍如何使用JavaScript创建表格元素，并实现表格中数据的删除操作。通过创建表单元素、设置样式属性和事件监听，实现了用户交互与数据管理的结合。

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


	function saveInfo()
	{
		var tb = document.getElementById("tb");
		var mytr = document.createElement("tr");
		mytr.align = "center";
		var mytd1 = document.createElement("td");
		var mytd2 = document.createElement("td");
		var mytd3 = document.createElement("td");
		var name = document.createTextNode(document.getElementById("username").value);
		var pwd = document.createTextNode(document.getElementById("userpwd").value);

		var mya = document.createElement("a");
		mya.href = "#";
		mya.onclick = delMe;
		var del = document.createTextNode("删除");
		mya.appendChild(del);
		mytd1.appendChild(name);
		mytd2.appendChild(pwd);
		mytd3.appendChild(mya);
		mytr.appendChild(mytd1);
		mytr.appendChild(mytd2);
		mytr.appendChild(mytd3);
		tb.appendChild(mytr);

	}
	function delMe()
	{
		var mytr = this.parentNode.parentNode;
		if(confirm("您确定要删除"+mytr.firstChild.firstChild.nodeValue+"吗？"))//获取表格中的值
		{
		//confirm("您确定要删除"+mytr.firstChild.firstChild+"吗？");
			mytr.parentNode.removeChild(mytr);
		}
	}