javascript - 如何使用 JavaScript 更改 的边框颜色？

Question

我正在尝试更改 <td> 的颜色在我的 .html文件。这是我所拥有的，但由于某种原因它似乎不起作用。

我的 .html文件:

<table>
    <tr id = "table_row">
        <td>Computers</td>
        <td>Price</td>
        <td>Location</td>
   </tr>
</table>

现在我的 .js文件:

function changeBorderColor() {
    var table = document.getElementById("table_row").getElementsByTagName("td");
    table.style.borderColor = "red";
}

为什么我的 <td> 没有当我激活 changeBorderColor() 时改变颜色功能？在此先感谢您提供任何提示和帮助!

Answer 1

getElementsByTagName() 方法将返回与标签选择器匹配的元素数组。所以你需要遍历它来改变每个元素:

简单示例:

function changeBorderColor() {
    var table = document.getElementById("table_row").getElementsByTagName("td");
    for(var i=0; i<table.length; i++) {
        var td = table[i];
        td.style.borderColor = "red";
    }
}