利用纯JS判断前端表格的数据的大小进行变色显示

版权声明： https://blog.csdn.net/eds124/article/details/85272019

 </div>
    </form>
</body>
</html>

<script type="text/javascript">
//记得放到最后，因为必须等表格呈现之后才可以改变样式颜色
    table = document.getElementsByTagName('table'); //获取集合
    for (i = 0; i < table[0].rows.length; i++) {//遍历
        td = table[0].rows[i].cells[7];//取出td
        if (td.textContent <= 0) {//判断是否大于0
            td.style.backgroundColor = "red";//小于等于0变成红色
        } else {
            td.style.backgroundColor = "green";//否则变成绿色
        }
    }
</script>