javascript - 使用 JavaScript 更改表格的背景颜色。但它不起作用

Question

我正在尝试使用函数更改表格单元格背景的颜色。代码很简单，但不知何故它不起作用。你能帮忙吗

function changecolor() {
      
    var t = document.getElementById("t1");
    var cells = t.getElementsByTagName("td");
    /*Now cells become array-like, with td tag elements 
    indexed*/

    cells[0] = style.backgroundColor = "red";
   /* I suspect the code above has the error because my js 
   seem to break here.*/
      
}

<table border="1" id="t1">
    
  <tr>
     <th>name</th>
     <th>surname</th>
     <th>age</th>
  </tr>

  <tr>
     <td>Ray</td>
     <td>Nkiwane</td>
     <td>26</td>
  </tr>

  <tr>
     <td>Eric</td>
     <td>cartman</td>
     <td>10</td>
  </tr>
    
</table>
    
<button id="b1" onClick="changecolor()">
  Change to red
</button>

当我在函数中放置一个警报时，当我单击按钮时它会显示，确认按钮和函数已正确链接。但是如果此警报位于函数的末尾，则不会显示，这表明里面的代码有错误

Answer 1

问题出在这里:

cells[0] = style.backgroundColor = "red";

这意味着您正在尝试将名为 style 的对象分配给位于 cells[0] 的元素。如果您想更改特定元素的样式属性，您需要这样做:

cells[0].style.backgroundColor = "red";