留言和删除留言案例&&动态表格生成案例----分享_回复和删除留言的算法描述-CSDN博客

本文链接：https://blog.csdn.net/weixin_44070254/article/details/115917629

本文分享了使用JavaScript实现的评论留言和删除功能的案例，详细介绍了核心思路，并提供了案例代码。同时，还讲解了动态表格生成案例，探讨了核心算法和具体实现。

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

留言和删除留言案例&&动态表格生成案例----分享

文章目录

留言和删除留言案例&&动态表格生成案例----分享

评论留言和删除留言案例

评论留言核心思路

1，点击按钮之后，就动态创建一个li，添加到ul里面。

2，创建 li 的同时，把文本域里面的值通过 li.innerHtml 赋值给 li 。

3，如果想要新的留言后面显示就用appendChild 如果想要留言在前面显示就用insertBefore。

删除评论核心思路

1，当我们把文本域里面的值赋值给 li 的时候， 多添加一个删除的链接

2，需要把所有的链接获取过来，当我们点击当前的链接的时候，删除当前链接所在的 li

3，组织链接跳转需要添加javascript.void（0); 或者 javascript:;

案例代码如下，纯个人手敲：

		<style type="text/css">
			.main{
    
				width: 800px;
				height: 100%;
				border: 1px solid purple;
				margin: 0 auto;
				background-color: hotpink;
			}
			textarea{
    
				width: 600px;
				height: 300px;
				resize: none;
				background-color: plum;
			}
			button{
    
				width: 70px;
				height: 30px;
				background-color: lightpink;	
				border-radius: 10px;
				outline: none;
			}
			li a{
    
				float: right;
				margin-right: 300px;
			}
		</style>
	</head>
	<body>
		<div class="main">
			<textarea class="box" cols="30" rows="10"></textarea>
			<button>留言