Question

<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

想用JavaScript改变文字颜色

1 个答案: