大家好~我想问一下JS控制背景变色的问题...

大家好，我想让JS控制<div id="content">**</div>这里面的背景色，下面的代码应该怎么改啊？
------------JS的内容------------
document.write('背景颜色<select name=bcolor id=bcolor onchange="javascript:document.bgColor=this.options[this.selectedIndex].value;">   <option style="background-color: #f6f6f6" value="#f6f6f6">默认</option>   <option style="background-color: #ffffff" value="#ffffff">白色</option>              <option style="background-color: #e4ebf1" value="#e4ebf1">淡蓝</option>   <option style="background-color: #e6f3ff" value="#e6f3ff">蓝色</option>               <option style="background-color: #eeeeee" value="#eeeeee">淡灰</option>              <option style="background-color: #eaeaea" value="#eaeaea">灰色</option>                <option style="background-color: #e4e1d8" value="#e4e1d8">深灰</option>              <option style="background-color: #e6e6e6" value="#e6e6e6">暗灰</option>              <option style="background-color: #eefaee" value="#eefaee">绿色</option>              <option style="background-color: #ffffed" value="#ffffed">明黄</option>              </select>   字体颜色<select name=txtcolor id=txtcolor onchange="javascript:document.getElementById(\'content\').style.color=this.options[this.selectedIndex].value;">   <option value="#000000">黑色</option>              <option value="#ff0000">红色</option>              <option value="#006600">绿色</option>              <option value="#0000ff">蓝色</option>              <option value="#660000">棕色</option>   </select>              字体大小<select name=fonttype id=fonttype onchange="javascript:document.getElementById(\'content\').style.fontSize=this.options[this.selectedIndex].value;">   <option value="12px" >小号</option>   <option value="14px" >较小</option>   <option value="16px" >中号</option>   <option value="18px" >较大</option>   <option value="24px" >大号</option>   </select>            鼠标双击滚屏<input name=scrollspeed id=scrollspeed onchange="javascript:setSpeed();" size=2 value=5>            (1-10，1最慢，10最快）             <input name=saveset id=saveset onclick="javascript:saveSet();" type=button value=保存设置><br /><br />');-----------CSS的内容----------
body{margin:0px;font:14px "宋体";background:#918378 url('/themes/new/images/main_bg.gif') repeat-y center top;line-height:18px;color:#5E5959;}
a{color:#5E5959;text-decoration:none;}
h1 {FONT-WEIGHT: bold; FONT-SIZE: 18px;line-height:200%; COLOR: #ff0000; FONT-FAMILY: "宋体"}.main{
  width: 936px;
  clear: both;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
padding:10px 5px;
/*height:520px;*/
}
.topl{
float:left;
clear:left;
height:38px;
}
.topr{
float: right;
text-align:right;
margin-top:15px;
clear:right;
height:25px;
}
.divimage{
    text-align: center;
}
#header,#connent,#footer{width:930px;}
#ad{margin:0px;padding:0px;}
#tool_menu_box{line-height:30px;height:30px;border-top-width:1px;border-bottom-width:1px;border-top-style:solid;border-bottom-style:solid;border-top-color:#bea994;border-bottom-color:#bea994;}
#tool_menu_box_l{float:left;width:670px;padding-left:5px;text-align:left;}
#tool_menu_box_r{float:right;width:230px;text-align:right;}
.adtop{margin:0px;padding:0px; clear:both;}
.book_name{FONT-SIZE: 18.5pt;color:#EA2D15;font-family:隶书; font-weight:bold; line-height:25pt;}
.book_name2{FONT-SIZE: 18.5pt;color:#b25420;font-family:隶书; line-height:25pt;}
.detail{padding:8px 28px; font-size:12px;}
.chaptertitle{ width:98%;color:#993300;border-bottom:1px solid #ccc; text-align:center;}
#content{ margin:10px 0px;text-align:left;padding:20px;line-height:25px;}
.ml {font-size:14px; background:#CCCCCC; width:98%;}
.ml a{font-size:14px;}
.td_title{background:#EAE9E2;color:#DE5B03; text-align:center; height:28px;}
.td_content{background:#FFFFFF; height:25px; text-align:left;}
.commend{font-size:14px; text-align:left;width:98%; margin:10px 0px;}
.commend a{font-size:14px;color:#a95a33;}
#box{padding:5px;}
#box h1{font-size:16px;margin:0px;text-align:center;}
#box h4{font-size:12px;font-weight:normal;margin:0px;text-align:center;}#adbottom{margin:0px;padding:0px;}
#footlink {margin:-2px 0px -4px 0px;padding:0px;text-align:center;font-size:14px;}
#footlink a{color:red;font-size:14px;text-decoration:none;}
#foot{ width:98%; margin-top:5px; font-size:12px;}
#form{ margin:0px;border-bottom:1px solid #ccc;border-top:1px solid #ccc;}
#footer{border-top-width:0px;border-top-style:solid;border-top-color:#bea994;margin-top:5px;}.lm{white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.m_top{
background: #918378;
color: #FFF5E2;
height:40px;
padding-top:5px;
line-height: 30px;
text-decoration: none;
}
.m_top a:link, .m_top a:visited, .m_top a:hover { color: #FFF5E2}
.flx{float:left;}
.frx{float:right;}
.fl{float:left;}
.fr{float:right;}
.cl{clear:left;}
.cr{clear:right;}
.cb{clear:both;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.more{text-align: right;}.login { color:#fff; font-family:Tahoma;}
.login a{ color:#FFF5E2;}
.login_input{border:1px solid #F8EFDD;background:#E3CB9B;height:15px; font-family: Tahoma;font-size:12px;}
------------------------------------------谁能帮我看看。。谢谢

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

你那代码太乱了给你个例子你参考下吧
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title> new document </title>
  <meta name="generator" content="editplus" />
  <script type="text/javascript">
  
  </script>
</head> <body>
  <div id="content" style="width:100px;height:80px;border:1px dashed #99CCFF"></div>
  <select id="osel" onchange="changeColor(this)">
<option value="#FFFFFF"></option>
<option value="#FF6666">红色</option>
<option value="#0066FF">蓝色</option>
<option value="#000000">黑色</option>
<option value="#66FF00">绿色</option>
  </select>
</body>
</html>
<div id="content">让JS控制这里面的背景色</div>
<script language="javascript">

</script>
style这个属性楼主值得好好研究一下，关于界面样式的javascript代码实现，都要通过它