js 获取div的id

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<script language=javascript>    var child =document.getElementById('1');
document.write(child);
</script>
</head>
<body>
<div class="catalog" style="float:left;width:82%">
<div class="content" style='display:none; margin-top :8px;' id='1'>
<h2>登录和退出</h2>
<ul class="qList">
<li><a href="main.htm?id=1">怎样登录</a></li>
<li><a href="main.htm?id=2">怎样退出</a></li>
<li><a href="main.htm?id=3">怎样注销</a></li>
</ul>
</div>
<div class="content" style='display:none; margin-top :8px;' id='2'>
<h2>常用任务栏</h2>
<ul class="qList">
<li><a href="/cgi-bin/help?">我该怎样使用门户切换</a></li>
<li><a href="/cgi-bin/help?">如何设置门户</a></li>
<li><a href="/cgi-bin/help?">门户的前后顺序如何设置</a></li>
<li><a href="/cgi-bin/help?">我怎样使用常用任务</a></li>
<li><a href="/cgi-bin/help?">如何设置常用任务</a></li>
<li><a href="/cgi-bin/help?">常用任务显示的前后顺序如何设置</a></li>
<li><a href="/cgi-bin/help?">如何影藏顶部</a></li>
<li><a href="/cgi-bin/help?">如何展开被影藏的顶部</a></li>
<li><a href="/cgi-bin/help?">如何设置个人桌面</a></li>
<li><a href="/cgi-bin/help?">个人桌面中各模块显示的前后顺序如何设置</a></li>
</ul>
</div>
</div>
</body>
</html>
为什么我输出的值一直是空值呢，不是应该输出1吗？请高手指点。