原生js实现回复评论功能

实现原理

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

功能1.删除状态

用removeChild()方法即可

功能2.最上面的点赞

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

功能3.回复评论

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

功能4.回复里的点赞

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

功能5.回复或者删除

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

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

每行代码都有详细的注释

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

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

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

完整代码

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





demo
 
 

 
  • 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

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


新闻名称:原生js实现回复评论功能
标题来源:http://ybzwz.com/article/goicjp.html