如何使用 Javascript 获取 table 中的单元格值

Question

我编写了这个函数来获取 Javascript 中 table 的单元格值。使用 innerHTML 返回单元格值以及 HTML code.Going 通过一些论坛了解到 innerText 应该用于获取 [= 的值24=] 在我的情况下它返回空。

下面是我正在使用的脚本。

function validateMyFunction() {
    var sTableName = document.getElementById("tablename");
    alert("sTableName>>>>>>>>>>"+sTableName);
    alert("sTableName>>>>>>>>>>"+sTableName.rows.length);
    for (var i=0;i<sTableName.rows.length;i++) {
        var col1= sTableName.rows[i].cells[11].innerText;
        var col2= sTableName.rows[i].cells[9].innerText;
    }
}

任何人都可以帮助解决这个问题。

谢谢。

Answer 1

你在那些地方有价值观吗？使用这个例子对我有用：

<table id="tablename">
    <tr>
        <td>hi!</td>
    <tr>
</table>
<button onclick="showCell()">Show Cell Value</button>

<script>
function showCell() {
    var sTableName = document.getElementById("tablename");

    for (var i=0;i<sTableName.rows.length;i++) {
        var col1= sTableName.rows[i].cells[0].innerText;
        alert(col1)
    }
}
</script>

Answer 2

您可以使用以下代码获取 table

的单元格值

var sTableName = document.getElementById("tablename");
for(var i=0;i<sTableName.children[0].childElementCount;i++) 
{
  var tableRow = sTableName.children[0].children[i];
  for(var j=0;j<tableRow.childElementCount;j++)
  {
    var tableColumn = tableRow.children[j];
    console.log('Cell ['+i+','+j+'] value: '+tableColumn.innerText);
  }
}

在你的函数中使用上面的代码片段，你可以使用 tableColumn.innerText 来验证它的值。

享受脚本！！ :)

如何使用 Javascript 获取 table 中的单元格值

How to get a cell Value in table using Javascript

innertext