为什么不能实现侧边栏和主体内容跳转啊 求大侠指导一下

<html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>学生个人资料</title>
 <link href="1.css" rel="stylesheet" type="text/css" />
 </head>
  <body>
  <div id="container"><!--页面层容器-->
   <div id="Header"><!--页面头部-->
   <img src="/test/ex6/ustbTJ.jpg" width="400" height="95" align ="left" border="2"></img>
   <img height="95" width="1000" border="2" src="/test/ex6/headtop.jpg"></img>
    </div>
     <div id="mainContent"><!--页面主体-->
     <div id="Sidebar"><!--侧边栏-->
<ul>
          <li>
              <a href="http://www.baidu.com" onclick="theforever(this);">1</a>
          </li>
          <li>
              <a href="http://www.google.hk" onclick="theforever(this);">2</a>
          </li>
      </ul>
    </div>
     <div id="#content"><!--主体内容-->
    sssss
    </div>
    </div>
    <div id="Footer"><!--页面底部-->
    版权所有@：北京科技大学
     </div> </div>
     <script type="text/javascript">
function theforever(a){
    document.getElementById('content').innerHTML='<iframe src="'+a.url+'" width=100% height=100%></iframe>';
}
</script>
   </body> 
</html>