请教大牛为什么我的input值没有在div中显示出来?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>DHtml举例13</title>

<script>
window.onunload=function(){

var oin=document.getElementById("in");
var odiv=document.getElementsByClassName("div");
var oin1=document.getElementById("in1");

oin1.onclick=function(){
    odiv.innerHTML=oin.value
    
    }
}    
    

</script>
</head>
<body>
<input type="text" id="in"/>
<input type="button" id="in1">
<div class="div" style="width:300px; height:300px; border:1px solid"></div>
</body>
</html>

阅读 2.8k
2 个回答

var odiv=document.getElementsByClassName("div");
这个返回不不是一个元素,而是一个HTMLCollection对象。。

1、window.onunload=function(){
改成window.onload=function{}
2、var odiv=document.getElementsByClassName("div");
改成:var odiv=document.getElementsByClassName("div")[0];//得到的是一个集合可以通过第一个元素得到元素

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏