如何使用JavaScript更改表單個單元格

我一直在嘗試使用JavaScript來顯示錶格，並且我想在某些特定條件下更改某個單元格的背景顏色。如何使用JavaScript更改表單個單元格

這裏是我的代碼：

我要的是改變顏色在中間一列只有這樣

然而，它結束了這樣

below is my HTML 

     <html> 
<head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
    <script type="text/javascript" src="wellness.js"></script>  
    <link rel="stylesheet" type="text/css" href="wellness.css"/> 
</head> 
<body> 
    <div class="table-title"> 
     <h3>Wellness Report</h3> 
     <button class = "button search" type = "button" onclick="CreateTableFromJSON()" >Load Data</button> 
    </div> 
    <div id = "showData"></div> 
</body> 
</html>

請告訴我如何解決它。預先感謝您

來源

2017-08-09 Gary Fan

你能分享你的HTML代碼嗎？ –

你也需要提供一些html。 –

'col'數組裏有什麼？ – Airwavezx

使用此代碼可以根據您的條件獲取表格的所有單元格的更改值。

var allTableCells = document.getElementsByTagName("td"); 

for(var i = 0, max = allTableCells.length; i < max; i++) { 

    var currentText = allTableCells[i].textContent; 

    // TODO: Change your condition here. 
    if (parseInt(currentText) && parseInt(currentText) > 5) 
     allTableCells[i].style.backgroundColor = "red"; 
}

來源

2017-08-09 10:50:16

if (j === 1 && arrItems[1][col[i]] > 5)

來源

2017-08-09 11:17:26

雖然此代碼可能有效，但解釋這個解決方案的方式或原因要好得多。 – ItamarG3

如何使用JavaScript更改表單個單元格

回答

相關問題