動態給表格資料修改顏色
效果圖：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
<table class="layui-table" lay-even lay-skin="nob" id="table1">
<tr v-for="subPoint in point.newDatas" style="border-bottom:2px solid rgba(5, 19, 48, 1);">
<td v-if="tem.pointId == subPoint.pointId && subPoint.chart=='volBar' " width="50%" style="background-color: rgba(158, 172, 198, 0.2);text-align:left;padding-left: 30px" name="description">
<img src="../../statics/img/2.png" alt="">{{subPoint.description}}
</td>
<td v-if="tem.pointId == subPoint.pointId && subPoint.chart=='volBar' " style="background-color: rgba(158, 172, 198, 0.13);">
<span @click="viewPresentData(subPoint.sensorCode,'0');" style="cursor: pointer;" name="value">{{subPoint.value}}</span>
</td>
</tr>
</table>
</body>
<script>
//頁面顏色載入
var val = document.getElementsByName("description");
var n = document.getElementsByName("value");
for (var y = 0; y < val.length; y++) {
if (val[y].innerText.indexOf('A') != -1 || val[y].innerText.indexOf('Uab') != -1) {
n[y].style.color = "#C2BF3A";
} else if (val[y].innerText.indexOf('B') != -1 || val[y].innerText.indexOf('Ubc') != -1) {
n[y].style.color = "#5CBD30";
} else if (val[y].innerText.indexOf('C') != -1 || val[y].innerText.indexOf('Uca') != -1) {
n[y].style.color = "#8E3C3E";
}
}
</script>
</html>