Question

这是我的代码，允许我通过指定列标题从Google表格导入。

        fragmentManager.executePendingTransactions();

这使我可以将#!/bin/bash a="input2.txt" lol(){ while read -r line; do d=( $line ) e=${d[0]} if [[ "$e" =~ (add|sub|addi)$ ]] then f= echo $line | wc -w if [ "$f" == "4" ] then echo "correct" else echo "error" fi fi done < "$a" } echo `lol`放入HTML并根据Google表格文档中的值进行填充。我的目的是将字体的绿色涂成正数（包括0），将红色涂成负数。在我的HTMl代码中，add $s1 $s2 $s3 sub $t0 sub $t1 $t0 addi $t1 $t0 $s5标签之间实际上没有数字吗？如果是这样，我也将有兴趣学习如何根据导入的数字的正负来添加+/-字符。抱歉，我正在尝试学习。谢谢！

Answer 1

只需将值转换为数字，检查是否为正或负，然后就可以为元素分配一个预制的CSS类，并可能在前面加上适当的+符号（我假设负值已经具有-在他们的面前。

// Get all the divs that should be styled into an array
let divs = Array.prototype.slice.call(document.querySelectorAll("#btm, #AvgPoints, #Overtakes, #podium, #highest"));

// Loop the array
divs.forEach(function(div){
  // Convert text to number and test for positive/negative
  if((+div.textContent) >= 0){
    div.classList.add("positive"); // Apply positive style
    div.textContent = "+" + div.textContent; 
  } else {
    div.classList.add("negative"); // Apply negative style  
  }
});

.positive { color: green; }
.negative { color: red; }

<div id="btm">135</div>
<div id="AvgPoints">0</div>
<div id="Overtakes">-17</div>
<div id="podium">1</div>
<div id="highest">-125</div>

更改从Google表格导入的正/负值的字体颜色

1 个答案: