聊天的对话框
这里写代码片 **##聊天的对话框 ![这里写图片描述](https://img-blog.csdn.net/20170702202111081?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvS2FzZWthbGU=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)##
------
**
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
#div1{width: 240px;height: 200px;border:1px solid #333;background-color: #f1f1f1; padding:10px;}
</style>
<script>
window.onload=function(){
var oDiv=document.getElementById("div1");
var oSpan=document.getElementById("span1");
var oText=document.getElementById("text1");
var oBtn=document.getElementById("btn1");
oBtn.onclick=function(){
oDiv.innerHTML+="妙味:"+oText.value+"<br>";
oText.value="";
}
}
</script>
</head>
<body>
<div id="div1"></div>
<span id="span1">妙味:</span>
<input id="text1" type="text">
<input id="btn1" type="button"value="提交">
</body>
</html>