请教高人指点一段编码错误
<style>
#div1 (width:100px; height:200px; backgroung:red;)
</style>
<script>
(
var oDiv=document.getElementById('div1');
oDiv.style.badkground=color;
)
</script>
</head>
<body>
<input type="button" value="变红" onclick="setcolor('red');"/>
<input type="button" value="变黄" onclick="setcolor('yellow');"/>
<input type="button" value="变蓝" onclick="setcolor('blue');"/>
<div id="div1">
</div>
</body>
这是一段代码,不知为什么IE浏览器没有显示<style>中#div编写的内容.请教各位老师帮忙斧正.
------解决方案--------------------oDiv.style.backgroundColor=color;
------解决方案--------------------<html>
<head>
<style>
#div1 (width:100px; height:200px; backgroung:red;)
</style>
</head>
<body>
<input type="button" value="变红" onclick="setcolor('red');"/>
<input type="button" value="变黄" onclick="setcolor('yellow');"/>
<input type="button" value="变蓝" onclick="setcolor('blue');"/>
<div id="div1">
</div>
</body>
<script tupe="text/javascript">
var oDiv=document.getElementById('div1');
//oDiv.style.background=color;
</script></html>