关于function和document的问题

Question

<div >
<ul class="none">
<li><a href="javascript:void(0);" title="a"  hidefocus="true"    onclick="s1();">a</a></li>
</ul>
</div>
<br></br>
<div>
<script type="text/javascript">
function s1()
{
document.write("1");
}
</script>
</div>想问怎么让他们在同一个页面显示。就是那个1不会出现在另一个页面，而是在a下面。

Answer 1

<li><a href="javascript:void(0);" title="a" hidefocus="true" onclick="s1(this);">a</a></li>function s1(self)
{
self.appendChild("1");
}

Answer 2

在链接下面添加一个占位，具体代码如下  <div >
<ul class="none">
<li><a href="javascript:void(0);" title="a" hidefocus="true" onclick="s1();">a</a></li>
<div id="span"></div>
</ul>
</div>
<br></br>
<div>
<script type="text/javascript">
function s1()
{
document.getElementById('span').innerHTML = "1";
//document.write("1");
}
</script>
</div>