javascript - 如何访问表格单元格中的元素

Question

我有一个 HTML 表可以使用 DOM 来遍历。 我开始使用我的表 ID 进行访问，然后我就能够访问特定的单元格。

'<td><a onclick=send_symbol_2(\"'+comp+'\")>'+comp+'</a></td>'

我对如何访问 anchor 标记中包含的数据感到困惑。我之前通过添加字符串构建了该表。 例如:'<tr></td><td>'+arr[4]+'</td></tr>' 我知道 toString() 会被调用。 我不确定如何进一步进行。 我用过

rows[i].getElementsByTagName("td")[0]

访问单元格数据。

Answer 1

假设我们有这样一张表

<table id="table">
  <tr><td>11</td><td>12</td></tr>
  <tr><td>21</td><td>22</td></tr>
</table>

然后，要访问某些特定的单元格内容，我将使用以下方法:

  function getCellContent(x, y) {
    x = parseInt(x, 10);
    y = parseInt(y, 10);
    if(isNaN(x) || --x < 0 || isNaN(y) || --y < 0) {
      return;
    }
    var tE = document.getElementById('table');
    var rows = tE.getElementsByTagName('tr');
    if(!rows || y >= rows.length) {
      return;
    }
    var row = rows[y];
    var cells = row.getElementsByTagName('td');
    if(!cells || x >= cells.length) {
      return;
    }
    var cell = cells[x];
    return cell.innerHTML;
  }

  console.log(getCellContent(1, 2)); // "12"

请注意，x、y 参数从“1”开始。这就是为什么我减少争论。三个 return 语句用于处理错误参数和超出范围的保护。因此，如果出现问题，您将得到undefined。

我还创建了一个Plunker demo .