Question

我有下表。

<table id="Alter" class="table">
    <thead>
        <tr>
            <th>Type</th>
            <th>Quantity</th>
        </tr>
    </thead>
    <tbody>
        <tr ng-repeat="Iss in Recent">
            <td id='Tra'>{{Iss.Type}}</td>
            <td id='Qut' style="text-align: right;">{{Iss.Quantity | number : fractionSize}}</td>
        </tr>
    </tbody>
</table>

我想根据类型值更改Quantity单元格的颜色。 IF类型=“某个值” 颜色（数量）= '红'。
我无法获得单元格值我试过这个来获取值：

var table1 = document.getElementById('Alter');

for (var i = 0; i < table1.tBodies.length; i++) {

    var rows = table1.tBodies[i].rows;
    for (var j = 0; j < rows.length; j++) {

        var cells = rows[j].cells;
        for (var k = 0; k < cells.length; k++) {
            console.log(cells[k]);
        }
    }
}

但这不起作用。我正在使用JavaScript。有什么建议吗？

Answer 1

只需使用cells[k].innerText即可获取标记

中的文字

Answer 2

为了更好的兼容性，应使用cells[k].textContent。

如何根据JavaScript中的其他列值更改表的列单元格颜色？

2 个答案: