JavaScript遇到的小问题 - .NET技术 / ASP.NET

我想根据需要隐藏或者显示一个<table>中的一个<td>的内容。
所以，我写了一个这样的函数hideOrShow(id)
id就是这个<td>的id（ <td align="center" id="cellAddNewOption" style="display:none"> ）；

第一次是这样的：
JScript code:

// 切换“可选项添加列表”的显示状态
function hideOrShow(id) {
if (document.getElementById(id).style.display == "none") {
document.getElementById(id).style.display = "table-cell";
}
else {
document.getElementById(id).style.display = "none";
}
}


但是，执行时出错了，document.getElementById(id)无法解释，根本找不到td这个标记。为什么？


第二次是这样的：
[code=JScript]
 function hideOrShow(id) {// alert(document.getElementById(id)); //null
  var tdArray = document.getElementsByTagName('td'); //alert(tdArray[77].id == id);//false;
  for (var i = 0; i < tdArray.length; i++) {
  if ( tdArray[i].id.toString() == id.toString()) { // 一直没执行到
  if (tdArray[i].style.display == "none") {alert('4');
  tdArray[i].style.display == "table-cell"
&