优秀的编程知识分享平台

网站首页 > 技术文章 正文

JavaScript简单版发布留言怎么做?

nanyue 2024-07-18 22:11:56 技术文章 7 ℃

简单版发布留言

分析:

1. 核心思路:点击按钮之后,就动态创建一个li,添加到ul里面。

2. 创建li的同时,把文本域里面的值通过li.innerHTML赋值给li

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

删除留言

分析:

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

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

3.阻止链接跳转需要添加JavaScript:void(0);或者JavaScript;

源码如下

最近发表
标签列表