0

我有一个由 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 更改为不同的内容

4

1 回答 1

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 生活标准中有关表格​​数据的部分。

于 2014-01-06T03:26:57.130 回答