小伙伴们,根据所学知识,使用JS实现案例中的人人网评论功能
效果图:
温馨提示:完成任务后,请验证是否与实践描述效果一致,如一致,恭喜您,你已经掌握此技能。
任务安排:
一、定义删除节点函数removeNode。
提示: 1. 函数接受一个参数,及需要参数的节点。
二、定义赞分享函数praiseBox。
提示: 1.接受2个参数,一个是分享内容的容器,一个是点击的元素。 2.获取显示分享条数结果的节点、当前分享数当前点击元素的文本。 3. 如果当前点击酸雾文本为“赞”,增加赞,并更新相关元素的内容,反之,减少赞。
注意:自定义属性的读取和写入。
三、定义格式化日期函数getTime。
提示: 1.new一个日期对象。 2.分别调用获取年月日时分的方法,保存在相应变量。 3. 拼接成特定格式的日期字符串。
注意:月份从0开始,对小于10的数字前面补0。
四、定义发表评论函数replayBox。
提示: 1.获取输入框内容。 2.获取评论列表根元素。 3. 创建新元素并设置相关属性。 4. 拼接新元素的innerHTML并写入。 5. 把新元素评添加到论列表根元素。 6. 清空输入框,并使其失去焦点
注意:拼接HTML时,调用时期格式化函数获取当前时期。
五、定义赞回复函数praiseReply。
提示: 1.接受1个参数,是回复节点的根元素。 2.获取当前赞总数,以及我的赞数。 3.根据我是否赞过,更新根元素显示状态。
六、定义操作回复函数operateReply。
提示: 1.接受一个参数,为点击的元素。 2.如果元素内容是“回复”,则赞开输入框,并更新输入框的value。 3. 如果是删除,则删除回复内容的根节点。
注意:输入框事件的手动触发。
七、遍历每个分享li,绑定事件。
1)在li上绑定点击事件代理
提示: 1.获取触发元素,取得class。 2.根据class调用不同的函数。
注意:IE下event对象存在window下。
2)绑定输入框事件
提示: 1.获取输入框元素。 2.绑定onfocus,展开输入框。 3.绑定onblur, 收起输入框。 4.绑定onkeyup, 实时计算字数,更新按钮状态。
请验证,完成请求
由于请求次数过多,请先验证,完成再次请求
打开微信扫码自动绑定
绑定后可得到
使用 Ctrl+D 可将课程添加到书签
举报