怎么用JS控制input给p标签赋值后原有的内容不会被替换
展开全部
重新赋值怎么可能不被替换,你建一个数组把input的内容追加进去不可以吗
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<style>
html,body{
padding:0;
margin:0;
}
.out-div{
height:95vh;
width:40vw;
border:solid 1px #008080;
margin: 0 1px;
}
.history-msg{
width:100%;
height:70%;
border-bottom:solid 1px #008080;
}
.write-msg{
width:100%;
height: 30%;
}
.write-area{
width:100%;
height:100%;
resize: none;
font-size: 30px;
}
</style>
</head>
<body>
<div class="out-div">
<div class="history-msg" id="history_msg"></div>
<div class="write-msg">
<textarea class="write-area" onkeyup="writeMsg(this,event);"></textarea>
</div>
</div>
<script>
function writeMsg(o,event){
if(event.keyCode==13){
var p=document.createElement('p');
p.innerHTML=o.value;
document.getElementById('history_msg').appendChild(p);o.value='';
}
}
</script>
</body>
</html>
你在下面输入内容,回车看效果,采纳吧
<head>
<style>
html,body{
padding:0;
margin:0;
}
.out-div{
height:95vh;
width:40vw;
border:solid 1px #008080;
margin: 0 1px;
}
.history-msg{
width:100%;
height:70%;
border-bottom:solid 1px #008080;
}
.write-msg{
width:100%;
height: 30%;
}
.write-area{
width:100%;
height:100%;
resize: none;
font-size: 30px;
}
</style>
</head>
<body>
<div class="out-div">
<div class="history-msg" id="history_msg"></div>
<div class="write-msg">
<textarea class="write-area" onkeyup="writeMsg(this,event);"></textarea>
</div>
</div>
<script>
function writeMsg(o,event){
if(event.keyCode==13){
var p=document.createElement('p');
p.innerHTML=o.value;
document.getElementById('history_msg').appendChild(p);o.value='';
}
}
</script>
</body>
</html>
你在下面输入内容,回车看效果,采纳吧
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
