从HTML表读取数据的JavaScript

时间:2019-06-03 09:00:23

标签: javascript html

我正在尝试使用JavaScript开发一个程序,该程序可以读取和编译HTML表中的数据。

最终目标是识别并显示每行中标记(填充)字段的数量,然后将其显示在数值数据中。

如果可以帮助我理解这一点,请这样做。

希望这能解释它,如果您有问题,我会回答。

1 个答案:

答案 0 :(得分:0)

您可以使用HTML表格ID检索表格,并按以下方式处理每个单元格值。您需要使用Integer或Float或要应用于单元格值的任何数字格式,将Apply转换应用于单元格值。

<table id="cTable">
    <tr>
        <td>L1</td>
        <td>L2</td>
        <td>L3</td>
    </tr>
    <tr>
        <td>M1</td>
        <td>M2</td>
        <td>M3</td>
    </tr>
</table>

<script>
    //get the table using the Table id
    var mTable = document.getElementById('cTable');

    //get the number of rows of the table
    var rowLen = mTable.rows.length;

    //loop through rows    
    for (i = 0; i < rowLen; i++){
      //gets number of cells of current row  
       var rowCells = mTable.rows.item(i).cells;

       //get the amount of cells of current row
       var cellLen = rowCells.length;

       //loop through each cell in the current row
       for(var j = 0; j < cellLen; j++){

              // get your cell info here
              var cellVal = rowCells.item(j).innerHTML;

              // You can do the appropriate processing of numerical values below.
              alert(cellVal); 
           }
    }
</script>