You can get a reference to the table row using document.querySelector
, assuming the element's attributes have unique values to select it by (otherwise use querySelectorAll
and an index).
var row = document.querySelector('.wijmo-wijgrid-footerrow');
You can then use the row's cells
collection to get the cells, and use cells.length
to find the last cell.
var cells = row.cells;
var cell = cells[cells.length - 1];
Now you can use innerHTML
or some other method to replace the content of the cell.
cell.innerHTML = "some new content";
You can also skip those intermediate variables if you want.
var cells = document.querySelector('.wijmo-wijgrid-footerrow').cells;
cells[cells.length - 1].innerHTML = "some new content";
See the section on tabular data in the HTML Living Standard for more information on manipulating tables.