回复评论功能（原生js）

 实现原理
功能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
		   		
	   		
	   
	

	
	
	
 
 

 

转载于:https://my.oschina.net/u/3566463/blog/1503007