原生js实现回复评论功能

前端之家收集整理的这篇文章主要介绍了原生js实现回复评论功能前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

实现原理

功能1.删除状态

用removeChild()方法即可

功能2.最上面的点赞

判断文字内容是否为赞,做相应操作改变存放赞数量的容器文本内容

功能3.回复评论

创建一个新的评论添加评论列表里

功能4.回复里的点赞

判断我是否点了赞,做相应操作

功能5.回复或者删除

判断字符串回复还是删除,做相应操作

代码用了事件代理,还有三元运算判断,减少代码

每行代码都有详细的注释

一眼看到那么多的代码不要烦躁

其实你要把每个功能单独去看都是很简单的dom操作

一点点消化,读懂每一行代码

完整代码

注:代码复制到本地后替换下图片

demo

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持编程之家!

原文链接:https://www.f2er.com/js/42383.html

猜你在找的JavaScript相关文章