js点击删除最后一个元素节点

最新推荐文章于 2024-01-23 09:36:51 发布

原创最新推荐文章于 2024-01-23 09:36:51 发布 · 1.8w 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

javascript 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的简单方法来清除聊天框中的未读消息提示气泡。当用户点击带有未读消息提示的聊天框时，该方法会检查并移除相应的未读消息提示元素。

聊天框里需要显示未读信息，当点击的时候清楚气泡，也就是删除子元素。当然还需要一个判断，防止多次点击一个人的时候报错，JS本身不太熟练，学习ing...

结构代码大概如下:

<div class="box"  onclick="remo(this)">
 	 <div>这里是昵称</div>
<span class="test">这里是未读信息条数</span>
</div>

	<script type="text/javascript">
	    function remo(obj){
	    	var test = obj.getElementsByClassName('test')[0];
	    	var lastChild = obj.lastElementChild ? obj.lastElementChild : obj.lastChild; 
	    	if(test == lastChild){
	    		obj.removeChild(test);
	    	}
	    }
	</script>

<div class="box"  onclick="remo(this)">
 	 <div>这里是昵称</div>
<span class="test">这里是未读信息条数</span>
</div>

	<script type="text/javascript">
	    function remo(obj){
	    	var test = obj.getElementsByClassName('test')[0];
	    	var lastChild = obj.lastElementChild ? obj.lastElementChild : obj.lastChild; 
	    	if(test == lastChild){
	    		obj.removeChild(test);
	    	}
	    }
	</script>