如何更改a<；的边框颜色；td>；使用JavaScript？

我正在尝试更改

.html

文件中

的颜色。这是我所拥有的，但由于某种原因，它似乎不起作用

我的

.html

文件：

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

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

---

为什么我的

在激活

changeBorderColor（）

功能时不更改颜色？提前感谢您提供的任何提示和帮助

方法将返回与标记选择器匹配的元素数组。因此，您需要对其进行迭代以更改每个元素：

简单示例：

函数changeBorderColor（）{
var table=document.getElementById（“表_行”）.getElementsByTagName（“td”）；
对于（var i=0；i，
getElementsByTagName（）
方法将返回一个与标记选择器匹配的元素数组。因此，您需要遍历它来更改每个元素：

简单示例：

函数changeBorderColor（）{
var table=document.getElementById（“表_行”）.getElementsByTagName（“td”）；
对于（var i=0；i
.getElementsByTagName（“td”）
返回一个节点列表，您必须遍历每个
td
并分别分配
边框

您还需要指定
borderWidth
和
borderStyle
属性


函数changeBorderColor（）{
var td=document.getElementById（“表_行”）.getElementsByTagName（“td”）；
对于（i=0；i


计算机
价格
地方
.getElementsByTagName（“td”）
返回一个节点列表，您必须循环遍历每个
td
并分别分配
边框

您还需要指定
borderWidth
和
borderStyle
属性


函数changeBorderColor（）{
var td=document.getElementById（“表_行”）.getElementsByTagName（“td”）；
对于（i=0；i


计算机
价格
地方
您可以在此处使用一些Jquery。例如：

function changeBackground(){

$("td").css("border","2px solid red");

}

您可以在此处使用一些Jquery。例如：

function changeBackground(){

$("td").css("border","2px solid red");

}

如果允许您使用jQuery，下面是一个稍微详细一点的示例：

$('#table_row td').each(function(index){

   //Do something with each result. In this case - add a border
   $(this).css({ 'border': '1px solid red' });

});

下面是jQuery示例的提琴：

或者，如果您不必担心在IE8之前支持任何东西，也可以使用JavaScript的“querySelectorAll（）”方法：

var elements=document.querySelectorAll（'table#u row td'）；
对于（var i=0；i

下面是一个“querySelectorAll（）”示例：
如果允许使用jQuery，下面是一个稍微详细一点的示例：

$('#table_row td').each(function(index){

   //Do something with each result. In this case - add a border
   $(this).css({ 'border': '1px solid red' });

});

下面是jQuery示例的提琴：

或者，如果您不必担心在IE8之前支持任何东西，也可以使用JavaScript的“querySelectorAll（）”方法：

var elements=document.querySelectorAll（'table#u row td'）；
对于（var i=0；i

这是一把“querySelectorAll”（查询选择器）的小提琴'示例：
getElementsByTagName是一个NodeStalso，您如何调用
changeBorderColor
？您是偶然使用jQuery？还是仅限于使用普通JavaScript？getElementsByTagName是一个NodeStalso，您如何调用
changeBorderColor
？您是偶然使用jQuery？还是仅限于使用普通JavaScript？