使用 javascript 从特定列中提取数据

Extract data from a particular column using javascript

本文关键字:提取 数据 javascript 使用      更新时间:2023-09-26

这是表格:-

    var thetable = "";
    thetable= thetable + "<tr><th>Audit ID</th><th>Date Modified</th><th>Auditor</th><th>Franchisee Name</th><th>Store ID</th><th>Template Name</th><th>Description</th></tr>";

如何使用 javascript 从特定列中提取数据?我是新手,所以任何帮助将不胜感激:)

看看这个演示

.HTML

<table id="mytable" border="1">
  <tr>
   <th>Audit ID</th>
   <th>Date Modified</th>
   <th>Auditor</th>
 </tr>
  <tr>
    <td id="colA_rowA">1</td>
    <td id="colB_rowA">2</td>
    <td id="colC_rowA">3</td>
  </tr>
  <tr>
    <td id="colA_rowB">4</td>
    <td id="colB_rowB">5</td>
    <td id="colC_rowB">6</td>
  </tr>
</table>

JavaScript

// Option one by cell id
alert(document.getElementById("colB_rowA").innerHTML);
// Another option to run on all table
GetCellValues();
function GetCellValues() {
  var table = document.getElementById('mytable');
  for (var r = 0, n = table.rows.length; r < n; r++) {
    for (var c = 0, m = table.rows[r].cells.length; c < m; c++) {
      alert(table.rows[r].cells[c].innerHTML);
    }
  }
}

innerHTML是你的朋友。id=mytable 的表的示例代码段。

function GetCellValues() {
    var table = document.getElementById('mytable');
    for (var r = 0, n = table.rows.length; r < n; r++) {
        for (var c = 0, m = table.rows[r].cells.length; c < m; c++) {
            alert(table.rows[r].cells[c].innerHTML);
        }
    }
}