原生js实现回复评论功能

实现原理

成都创新互联公司从2013年成立，是专业互联网技术服务公司，拥有项目成都网站设计、网站建设、外贸网站建设网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元丰润做网站,已为上家服务,为丰润各地企业和个人服务,联系电话:028-86922220

功能1.删除状态

用removeChild()方法即可

功能2.最上面的点赞

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

功能3.回复评论

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

功能4.回复里的点赞

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

功能5.回复或者删除

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

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

每行代码都有详细的注释

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

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

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

完整代码

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

 
 

 

 

 X
 

 

 
Andy：哈哈哈哈哈谁还没个妈～//@我的朋友是个呆B: 饮水机那个蕾丝罩我给跪了//@八卦_我实在是太CJ了:仿佛看到了自己家
 
 

 
02-14 23:01赞
 
2980人觉得很赞
 

 

  

  

  
老王：我住隔壁我姓王
  
02-14 22:00
  23 取消赞
  回复
  
  
 
 

  

  

  
我：看哭了留卡号吧
  
02-14 24:00
  赞
  删除
  
  
 
 
 

 评论…
 回复
 0/100
 
 
 
 

 X
 

 

 
Andy：哈哈哈哈哈谁还没个妈～//@我的朋友是个呆B: 饮水机那个蕾丝罩我给跪了//@八卦_我实在是太CJ了:仿佛看到了自己家
 
 

 
02-14 23:01赞
 

 

 

  

  

  
我：看哭了留卡号吧
  
02-14 24:00
  286 取消赞
  删除
  
  
 
 
 

 评论…
 回复
 0/100
 
 
 
 
 
 
 

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持创新互联！