JS小白求助 代码怎么改能在点击确定后文本框不会消失，并且在文本框上能显示输入的内容
<!doctypehtml><html><head><metacharset="utf-8"><title>无标题文档</title></head><body><inpu...
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head><body><input type="text" id="input1"><input type="button" value="确定" onClick="show()"><script> function show(){ var text=document.getElementById('input1').value document.write(text) }</script></body></html>
展开
展开全部
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<div id="output1"></div>
<input type="text" id="input1">
<input type="button" value="确定" onClick="show()">
<script>
function show(){
var text=document.getElementById('input1').value;
document.getElementById('output1').innerHTML=text;
}
</script>
</body>
</html>
更多追问追答
追问
你好，那个...运行完你给的代码我好像又有点晕，就是 有点不懂什么情况下文本框才会消失，为啥加上 document.getElementById('output1').innerHTML=text;文本框就不会消失了？肉眼看不是应该和文本框没关系的吗，而且为什么我提问中的原始代码文本框会消失我也不是很懂(我刚学JS不久)...
追答
document.write(text) 是向当前页面的文档流重新写入数据，所以会覆盖文档中的原有数据，因此页面上的文本框、按钮等都不见了（事实上如果页面上还有其他内容也会全部消失的）。而我用的方法则是在页面的某个元素上添加或修改数据，这样其他东西就不会被影响啦。
document.write(text)只适合于在页面首次加载的时候往页面写入数据，如果等页面完全渲染完毕再来执行（就比如你题目中的通过点击按钮来执行），document.write(text)就会覆盖原有内容了。
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
您可以把 document.write(text)换成alert(text)
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
