0
点赞
收藏
分享

微信扫一扫

【无标题】js根据table值修改整行背景颜色

谷中百合517 2022-04-14 阅读 79
javascript

<script type="text/javascript">

    // 第5列
    var column_num = 3;
                                      
    // 获取元素
    var table = document.getElementById("hz1"),
        rows = table.getElementsByTagName("tr");
                                      
    // 循环表格
    for(var i = 0; i < rows.length; i++) {
        var cells = rows[i].getElementsByTagName("td");
        for(var c = 0; c < cells.length; c++) {
            // 对应列
          
          
            if(c + 1 === column_num
                    // 判断是否大于 0
                    && parseFloat(cells[c].innerHTML) >= 0) {
                    // 两者均成立,改变颜色
                    rows[i].style.background = "#37f717";
                   
                    // 检查下一行
                    break;
                }
        }
}
</script>

举报

相关推荐

0 条评论