JS删除tbody问题

Question

<table id="table1">
  <thead>
    <tr><td>标题</td></tr>
  </thead>  <tbody>
    <tr><td>内容1</td></tr>
    <tr><td>内容2</td></tr>
    <tr><td>内容3</td></tr>
  </tbody>  <tfoot>
    <tr><td>其它</td></tr>
  </tfoot>
</table>
<script language=javascript>
var obj=document.getElementById("table1")
obj.childNodes[1].childNodes[0].childNodes[0].innerHTML="新新"
obj.childNodes[1].childNodes[1].childNodes[0].innerHTML="新新"
obj.childNodes[1].childNodes[2].childNodes[0].innerHTML="新新"
</script>

Answer 1

<table>
  <thead>
    <tr><td>标题</td></tr>
  </thead>
  <tbody id="tbody">
    <tr><td>内容1</td></tr>
    <tr><td>内容2</td></tr>
    <tr><td>内容3</td></tr>
  </tbody>
  <tfoot>
    <tr><td>其它</td></tr>
  </tfoot>
</table>
<button onclick="clearData()">清空</button>
<button onclick="fillData()">填加</button>
<script type="text/javascript">
<!--
var _tbody = document.getElementById("tbody");
function fillData()
{
for(var i = 0; i < 3 ;i++)
{
var _tr = document.createElement("tr");

var _td = document.createElement("td");
_td.innerHTML = "新新新新新新";
_tr.appendChild(_td);
_tbody.appendChild(_tr);
}
}function clearData()
{
for(var i = _tbody.childNodes.length - 1; i >= 0 ;i--)
{
_tbody.removeChild(_tbody.childNodes[i]);
}}
//-->
</script>

Answer 2

楼上的，谢谢你，你的那个我在IE里测试了，可以，但是在FF里有点问题，可能是我的问题没有描述清楚，麻烦再解答一次，本来开始tbody里是没有值的，在页面载入时，显示内容１，<table>
  <thead>
    <tr><td>标题</td></tr>
  </thead>
  <tbody id="tbody"></tbody>
  <tfoot>
    <tr><td>其它</td></tr>
  </tfoot>
</table>
<button onclick="clearData()">清空</button>
<button onclick="fillData()">填加</button>
<script type="text/javascript">
<!--
var _tbody = document.getElementById("tbody");
function fillData()
{
for(var i = 0; i < 3 ;i++)
{
var _tr = document.createElement("tr");

var _td = document.createElement("td");
_td.innerHTML = "新新新新新新";
_tr.appendChild(_td);
_tbody.appendChild(_tr);
}
}function clearData()
{
for(var i = _tbody.childNodes.length - 1; i >= 0 ;i--)
{
_tbody.removeChild(_tbody.childNodes[i]);
}}
//-->
</script>
能不能在页面载入时，就显示内容１，然后再点击一个按扭后，再在tbody里替换新内容，