如何在<tr>中替换<tfoot>中的内容

Question

我有一个由Wijmo创建的表，我想更改它的页脚的内容

米脚

<tfoot>
    <tr role="row" class="wijmo-wijgrid-footerrow ui-state-default ui-state-highlight">
    <td class="wijgridtd" role="columnfooter" scope="col" >
    <div class="wijmo-wijgrid-innercell "> </div></td>

    <td class="wijgridtd" role="columnfooter" scope="col" >
    <div class="wijmo-wijgrid-innercell "> </div></td>

    <td class="wijgridtd" role="columnfooter" scope="col" >
    <div class="wijmo-wijgrid-innercell ">**TW: 12,100** </div> </td>
    <tr>
</tfoot>

我想把TW:12,000改为不同的内容

Answer 1

您可以使用document.querySelector获得对表行的引用，前提是元素的属性具有要选择它的唯一值(否则使用querySelectorAll和索引)。

var row = document.querySelector('.wijmo-wijgrid-footerrow');

然后可以使用行的cells集合获取单元格，并使用cells.length查找最后一个单元格。

var cells = row.cells;
var cell = cells[cells.length - 1];

现在您可以使用innerHTML或其他方法来替换单元格的内容。

cell.innerHTML = "some new content";

如果需要，还可以跳过这些中间变量。

var cells = document.querySelector('.wijmo-wijgrid-footerrow').cells;
cells[cells.length - 1].innerHTML = "some new content";

有关操纵表的更多信息，请参见HTML中关于表格数据的部分。