使用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";

Answer 2

    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";


}

更改行單元格[0] = style.backgroundColor =“ red”; 到cells [0] .style.backgroundColor =“ red”;