如何查找没有文本值的最后一个表格单元并放置消息？

Question

我想检测没有任何值（文本）的表的最后一个表行单元格。

var all_product_cell = document.getElementsByClassName("product-cell");
        for (var i = 0; i < all_product_cell.length; i++) {
            var td = all_product_cell[i];
            alert(all_product_cell.length);              
        }

此代码返回表行的长度...但是我不知道如何检查干净的最后一行，并在其中显示消息“你好！” ...

Answer 1

您可以通过使用以下行获得表的最后一行：

var product_table = document.getElementsByClassName("product-cell");
console.log(product_table); 

    for (var i = 0; i < product_table.length; i++) {
           total_rows = product_table[i].rows.length;
           last_row = product_table[i].rows[total_rows-1];
           last_row_length = last_row.cells.length;
           last_column = last_row.cells[last_row_length-1]; // directly get last cell
           console.log(last_column.innerHTML);
           for(var j =0;j<last_row.cells.length;j++){ // you can find through loop using which cells is empty 

             console.log(last_row.cells[j]);
           }
          // console.log(last_row);
        }

如果您提供html代码，则会有更好的方法。