在html中设置一个按钮,点击后会记录文本框内输入内容,并写入另一个di

在html中设置一个按钮,点击后会记录文本框内输入内容,并写入另一个div中。更改文本框内的内容,再点击按钮,会重新在div中写入,怎么实现

<!DOCTYPE html>
<html>
  <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
div#content{
border:1px solid black;
overflow:auto;
width:400px;
height:200px;
}
</style>
<script>
var send = function(){
content.innerHTML += txt.value + "<br />";
content.scrollTop = content.scrollHeight;
}
</script>
<title>RunJS 演示代码</title>
  </head>
<body>
    <div id='content'>
     
  </div>
<br />
<input type="text" id="txt" />
<button onclick="send()">
发送
</button>
  </body>
</html>

追问

如果是替换原来的内容呢

温馨提示:内容为网友见解,仅供参考
无其他回答
相似回答