加上输出语句就能一次性删除，不加就不能，这么神奇，哪里错了？

<div id="content">
  <h1>html</h1>
  <h1>php</h1>
  <h1>javascript</h1>
  <h1>jquery</h1>
  <h1>java</h1>
</div>

<script type="text/javascript">
function clearText()
{
  var content=document.getElementById("content");
  var x=content.childNodes;
  document.write(x.length);   // 就是这一句，加上这一句才能一次性删除，为什么？
  for(var i=0;i<x.length;i++)
  {
    content.removeChild(x[0]); 
  }
}
</script>

<button onclick="clearText()">清除节点内容</button>