网页设计 innerHTML 没有作用 求解

<!doctypehtml><html><head><metacharset="utf-8"><title>innerthtml</title><style>#div1{... <!doctype html>
<html><head>
<meta charset="utf-8">
<title>innert html</title>
<style>#div1{width:250px;height: 60px;background: #CCC}</style>
<script>
window.onload=function(){
var otxt=document.getElementById('txt');
var odiv=document.getElementById('div1');
var obtn=document.getElementById('btn');
obtn.onclick=function(){
odiv.innerHTML=otxt.value; }
}
</script>
</head>
<body>
<input id="txt" type="text">
<input id="btn" type="button" value="确定">
<div id="div1"></div>
</body></html>
解决了
展开
 我来答
小影LrM8q
2018-03-04 · TA获得超过724个赞
知道小有建树答主
回答量:560
采纳率:73%
帮助的人:63.3万
展开全部

这个代码都报错了。

html是加入标签,如果你只想加入内容的话,直接用innerText;

如果你一定要使用innerHtml的话,可以用下面这种方法

把你需要的value放入一个标签里面,进行字符串拼接,然后再用innerHtml的方法加入容器中

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式