微客导航 » 文章资讯 » JavaScript实现QQ聊天消息展示和评论提交功能

JavaScript实现QQ聊天消息展示和评论提交功能

2024-02-22 21:18:03 139

QQ聊天消息显示，提交评论等实现原理，具体内容如下








*{
margin:0;
padding:0;
}

.bos{
margin:100pxauto;
width:350px;
position:relative;
}

.bosa{
float:right;
}

button{
position:relative;
left:301px;
bottom:0;
}

textarea{
width:350px;
resize:none;
}

ulli{
list-style:none;
}



window.onload=function(){
vartxt=document.getElementById('txt');
varbtn=document.getElementsByTagName('button')[0];
varoUl=document.getElementsByTagName('ul')[0];

btn.onclick=function(){
if(txt.value==''){
alert('请输入...');
returnfalse;//结束事件*******
}

varnewli=document.createElement('li');//创建标签
newli.innerHTML=txt.value+'删除';

//oUl.appendChild(newli);//将创建标签加到最后面

varlis=oUl.childNodes;//oUl.children
oUl.insertBefore(newli,lis[0]);//将创建标签加到最前面
txt.value='';


//删除发出去的消息
varoA=document.getElementsByTagName('a');
for(vari=0;i

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

JavaScript实现QQ聊天消息展示和评论提交功能

热门推荐

随机推荐