1. 程式人生 > >利用純JS判斷前端表格的資料的大小進行變色顯示

利用純JS判斷前端表格的資料的大小進行變色顯示

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