原生js实现回复评论功能
实现原理
成都创新互联公司从2013年成立,是专业互联网技术服务公司,拥有项目成都网站设计、网站建设、外贸网站建设网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元丰润做网站,已为上家服务,为丰润各地企业和个人服务,联系电话:028-86922220
功能1.删除状态
用removeChild()方法即可
功能2.最上面的点赞
判断文字的内容是否为赞,做相应操作改变存放赞数量的容器文本内容
功能3.回复评论
创建一个新的评论添加到评论列表里
功能4.回复里的点赞
判断我是否点了赞,做相应操作
功能5.回复或者删除
判断字符串回复还是删除,做相应操作
代码用了事件代理,还有三元运算判断,减少代码量
每行代码都有详细的注释
一眼看到那么多的代码不要烦躁
其实你要把每个功能单独去看都是很简单的dom操作
一点点消化,读懂每一行代码
完整代码
注:代码复制到本地后替换下图片
demo
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持创新互联!
新闻名称:原生js实现回复评论功能
标题来源:http://ybzwz.com/article/goicjp.html