[英]Conditional Formatting Values in Table
我正在嘗試對表中的值設置一些條件格式。 例如,我有2列,1行,因此有2個值(每個td中有1個)。 我正在嘗試將表格中包含文本“ Red”的行中任何值的字體顏色設置為紅色。
我似乎沒有收到錯誤。
解決:最終代碼:
<?!= include('script_js'); ?>
<? var data = getData(); ?>
<TABLE id="X">
<tbody>
<? for (var i = 0; i < data.length; i++) { ?>
<tr>
<? for (var j = 0; j < data[i].length; j++) { ?>
<td><?= data[i][j] ?></td>
<? } ?>
</tr>
<? } ?>
<style>
table {
border-collapse: collapse;
width: 100%;
background-color: #EEEEEE;
font-family:arial
}
tr {
border: 1px solid #DDDDDD;
width: 110%;
}
</style>
</tbody>
</TABLE>
<?!= include('script_rag'); ?>
script_rag:
<script>
var table = document.getElementById("X");
for (var i = 0, row; row = table.rows[i]; i++) {
for (var j = 0, col; col = row.cells[j]; j++) {
if (col.innerText == "RED") {
col.style.backgroundColor = "#f00";
}
else
if (col.innerText == "GREEN") {
col.style.backgroundColor = "#8CC10C";
}
else
if (col.innerText == "AMBER") {
col.style.backgroundColor = "#FFBF00";
}
}
}
</script>
您需要使用document.getElementById("Red").setAttribute("style","color:red");
將表格的tds的字體顏色設置為紅色?
另外,正如@skirator所問的那樣,您能告訴我們您的桌子嗎?
我不完全理解通過將每個數據傳遞給類似的函數來完成的工作,但是如果情況是您有一個表,並且表中的每個單元格可能包含單詞“ red”,則我想這樣。
var cells = document.getElementById("#id_of_your_table").getElementsByTagName("td"); //This is an array of the cells (td's)
for (var i = 0; i < cells.length; i++) {
if (cells[i].indexOf('Red')) {
cells[i].css('background-color', 'red')
}
創建表后嘗試此腳本
<script>
var table = document.getElementById("table1");
for (var i = 0, row; row = table.rows[i]; i++) {
for (var j = 0, col; col = row.cells[j]; j++) {
if (col.innerText == "Red") { // You might want to look at other solutions in case the TD should contain more than just "Red"
col.style.backgroundColor = "#f00";
}
}
}
</script>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.