Javascript:获取表格内容(div内)

时间:2015-03-19 17:12:44

标签: javascript php html-table row cell

我在查找单元格的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,但是当我在表#2或更远的地方尝试同样的事情时,它不起作用。我收到此错误:TypeError: document.getElementById(...).rows[0].cells.namedItem(...) is null。我该如何解决这个问题以及为什么它不起作用?是因为row[0]吗?例如,如果我更改为row[1],那么它根本不起作用。我可以改变html的结构但不完全。

1 个答案:

答案 0 :(得分:1)

**由icecub解决**

问题是我在div中使用相同的ID,因此,只返回第一个表。我只需要使用不同的ID。