上传者: 38518074
|
上传时间: 2022-04-03 22:24:32
|
文件大小: 68KB
|
文件类型: -
实现原理
功能1.删除状态
用removeChild()方法即可
功能2.最上面的点赞
判断文字的内容是否为赞,做相应操作改变存放赞数量的容器文本内容
功能3.回复评论
创建一个新的评论添加到评论列表里
功能4.回复里的点赞
判断我是否点了赞,做相应操作
功能5.回复或者删除
判断字符串回复还是删除,做相应操作
代码用了事件代理,还有三元运算判断,减少代码量
每行代码都有详细的注释
一眼看到那么多的代码不要烦躁
其实你要把每个功能单独去看都是很简单的dom操作
一点点消化,读懂每一行代码
完整代码
注:代码复制到本地后替换下图片
<!DOCTYPE html>
<html lang="en"