Javascript：獲取表單元格的內容（在div內）

Question

我在查找單元格的ID（及其內容）時遇到了一些問題。 主表包含多個分區，每個分區包含一個包含多個單元格的表。 我想要的是顯示ID為content_xx單元格。 我的表如下所示：

<table id="MainTable">                  // Main (global) table

 <div id="divid_1">                     // First div in main table
  <table id="InfoTable">                // First div's table
   <td id="title_10">CellTitle</td>     // Cell #1
   <td id="content_11">CellContent</td> // Cell #2

 <div id="divid_2">                     // Second div in main table
  <table id="InfoTable">                // Second div's table
   <td id="title_20">CellTitle</td>     // Cell #1
   <td id="content_21">CellContent</td> // Cell #2

 // etc...
</table>

查找功能：

function FindContent(id)
{
    t = document.getElementById("InfoTable").rows[0].cells.namedItem("content_"+id).innerHTML;
    alert(t);
    return;
}

我有執行此功能的onclick事件。 它僅對第一個InfoTable對我InfoTable ，但對表＃2或更遠的地方嘗試相同的操作時不起作用。 我收到此錯誤： TypeError: document.getElementById(...).rows[0].cells.namedItem(...) is null 。 我該如何解決這個問題，為什么它不起作用？ 是因為row[0]嗎？ 例如，如果我更改為row[1] ，那么它根本不起作用。 我可以更改html的結構，但不能完全更改。

Answer 1

**由icecub解決**

問題是我在div中使用了相同的ID，因此只返回了第一個表。 我只需要使用其他ID。