网页设计 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>
解决了 展开
<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>
解决了 展开
1个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询