html,用JS使用表单内容value,提示不能为空。 不能实现 输入框中的文字转给BOX的作用

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title><style... <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
#box{
height: 200px;
width: 200px;
border:1px solid red;
}
</style>
<script type="text/javascript">
window.onload=function(){
var text=document.getElementById('text');
var box=document.getElementById('box');
var btn=document.getElementById('btn');

btn.onclick=function(){
var val=text.value;
box.innerHTML='<p>'+val+'<p>';
};
};

</script>
</head>
<body>
<div id="box"></div>
<input type="text" id="txet" value=""/>
<input type="button" id="btn" value="提交"/>
</body>
</html>
问题解决了 IDtext写错了 谁先打我送他最佳
展开
 我来答
Zore灬愛
2016-11-15 · TA获得超过1870个赞
知道小有建树答主
回答量:1126
采纳率:77%
帮助的人:177万
展开全部

你的文本框的id写的是text,但是text是关键字,你把id改一个就好了

window.onload = function() {
var text = document.getElementById('txt_content');
var box = document.getElementById('box');
var btn = document.getElementById('btn');

btn.onclick = function() {
var val = text.value;
if(val == "") {
alert("不能为空");
} else {
box.innerHTML = '<p>' + val + '<p>';
}
};
};
//文本框
<input type="text" id="txt_content" value="" />
仙女龙妈妈
2016-11-15 · TA获得超过375个赞
知道小有建树答主
回答量:194
采纳率:0%
帮助的人:93万
展开全部
所以说这个还是要仔细一点,其实问题都是自己留下的。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式