关于Javascript的问题，怎么讲一个 <td 下面的所有元素的visible都设置为False;

Question

<table border=1 id="tbl">
<tr>
   <td><input/><select></select></td>
   <td><input><button>bbbbbb</td>
</tr>
<table>
<input type="button" value="hideChildren" onclick="test()">
<script>
function test()
{
  var tbl=document.getElementById("tbl");
  var hideCell = tbl.rows[0].cells[0];
  for(var i=0;i<hideCell.childNodes.length;i++)
hideCell.childNodes[i].style.visibility='hidden';
  
}
</script>

Answer 1

var es = document.getElementById("td1").childNodes;
for(var i=0;i<es.length;i++)
es[i].style.visibility = "hidden";