javascript - 计算html表格中元素的数量

Question

已关闭。此问题不符合 Stack Overflow guidelines 。目前不接受答案。

---

要求提供代码的问题必须表现出对所解决问题的最低限度的了解。包括尝试的解决方案、为什么它们不起作用以及预期结果。另请参阅:Stack Overflow question checklist

已关闭 9 年前。

Improve this question

我应该使用什么方法来计算 Html 表格中的元素数量？

例如:如果我有一个 3*3 的 table ，我需要计算 A 和 B 的数量

                A  A  A
                B  A  B
                B  A  A

Answer 1

此 JavaScript 函数将帮助您检索每个单元格的内容，获取内容后您可以在其上编写自己的逻辑

<script>
 function GetCellValues() {
    var refTab = document.getElementById("YOUR_TABLE_ID")
    var  ttl;
     // Loop through all rows and columns of the table and popup alert with the value
    // /content of each cell.
      for ( var i = 0; row = refTab.rows[i]; i++ ) {
        row = refTab.rows[i];
        for ( var j = 0; col = row.cells[j]; j++ ) {
          alert(col.firstChild.nodeValue);
        }
      }
 }
</script>

下面的代码将满足您的要求

<script>
function getAandBCount() {
var refTab = document.getElementById("YOUR_TABLE_ID")
var  ttl;
var a=0;
var b=0;
for ( var i = 0; row = refTab.rows[i]; i++ ) {
   row = refTab.rows[i];
   for ( var j = 0; col = row.cells[j]; j++ ) {
       if(col.firstChild.nodeValue == 'A'){
        a++;
       }else if(col.firstChild.nodeValue == 'B'){
           b++;
        }
   }
}
alert(a);
alert(b);
}
</script>