聊天框里需要显示未读信息,当点击的时候清楚气泡,也就是删除子元素。当然还需要一个判断,防止多次点击一个人的时候报错,JS本身不太熟练,学习ing...
结构代码大概如下:
<div class="box" οnclick="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" οnclick="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>