javascript
  • html-table
  • 2015-06-16 60 views 2 likes 
    2

    我有下表。如何根据JavaScript中的其他列值更改表格的列单元格颜色?

    <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> 
    

    我想根据类型值更改数量单元格的颜色。 IF Type =“some value” Color(Quantity)='red'。
    我无法获取单元格值。
    我尝试这样得到的值:

    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。 有什么建议吗?

    回答

    1

    只需使用cells[k].innerText你可以进去标签

    +0

    rows.length正在返回0当我有100行 – aye26

    +1

    当你调用javascript? –

    +0

    是的,table1.tBodies [i] .rows.length – aye26

    0

    文本为了更好的兼容性,cells[k].textContent应该被使用。

    相关问题