Question

想要使用 JavaScript 改变文本颜色

2016-01-20

44

javascript css

<script>
function fun(){
    var a = document.getElementsByTagName("td");
    var a1 = a[0].innerHTML; 
    var a2 = a[1].innerHTML; 
    var a3 = a[2].innerHTML; 
    var a4 = a[3].innerHTML; 
    var a5 = a[4].innerHTML; 
    var b;
        if ( a1 == 55 ) { b = "red"; }
        else { b = "black"; }
            a[0].style.color = b;
}
</script>
<body onload="fun()" style="margin: 100px;">
    <table>
    <th>
        <td>55</td> 
        <td>34</td> 
        <td>25</td> 
        <td>55</td> 
        <td>25</td> 
     </th>
    </table>
</body>

我想要红色显示 <td> 下的所有 55 个金额。我的表格很大，所以我想要快捷方式。我尝试了 JavaScript 循环，但效果不佳，有些会出现错误。

Answer 1

您需要使用迭代器

var a = document.getElementsByTagName("td");
for (var i = 0; i < a.length; i++) {
   if(a[i].innerHTML === "55") {
      a[i].style.color = "red";
   } else {
      a[i].style.color = "black";
   }
}

供参考 - http://plnkr.co/edit/fJdVCvv4Ax7NwkJiTZRV?p=preview