摘要:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">&
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>聊天操作</title>
</head>
<body>
<input type="text" name="info">
<button>发送</button>
<ul></ul>
<script>
let input =document.getElementsByName('info')[0]; //获取元素
let button=document.getElementsByTagName('button')[0];
let ul= document.getElementsByTagName('ul')[0];
button.onclick=function(){
let li = document.createElement('li') //添加文本节点
li.innerHTML=input.value; //文本框的内容
ul.appendChild(li); //将用户信息显示到列表中
input.value='' //清空文本框内容
}
</script>
</body>
</html>
批改老师:查无此人批改时间:2019-02-18 09:36:32
老师总结:完成的不错,练习的时候,把页面也完善些。现在最功能,主要的都是谁的页面做的好,用着方便。继续加油。