JavaScript怎么实现简单版的留言发布与删除

本篇内容介绍了"JavaScript怎么实现简单版的留言发布与删除"的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

首先用户在输入框中输入内容，按下发布按钮，内容到下面的li中，并且清空输入框中的内容

下面这个li元素就是后面创建的

                              发布    
     
     

分析：

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

2、创建li的同时，把文本域中的值通过li[xss_clean]赋给li

3、如果想把新的留言显示到后面就用appendChild，如果显示到前面就用insertBefore

怎么实现放在前面：

并且实现删除留言的案例：

添加li后面对应添加一个删除按钮

1、把文本域的值赋值给li的同时多加一个删除的链接

2、需要把每个链接获取过来，当点击某一个链接的时候，删除当前链接所在的li;也就是当前链接的父亲

3、阻止链接跳转可以添加_javascript:void(0),或者_javascript:;

                              发布    
     
     

"JavaScript怎么实现简单版的留言发布与删除"的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注网站，小编将为大家输出更多高质量的实用文章！