javascript - 关闭使用表格行中的按钮打开的弹出窗口后，如何从javascript更改表格行的颜色

Question

我需要如下更改表格行的颜色

一个表格有多行，每行都有一个按钮/图像。当用户在特定行上单击此按钮/图像时，将打开一个弹出窗口。成功保存数据后，打开弹出窗口的行必须更改其颜色。这里的表、行和单元格已经有 id 和样式类。

为此我使用了如下各种方式

1.

window.opener.document.getElementById('rowId'+lineNumber).style.backgroundColor="#00FF00";

2.

window.opener.document.getElementById('rowId'+lineNumber).className="innerrowcss";

3.

 var tbl = window.opener.document.getElementById('linesTableId');
 tbl.rows[lineNumber].style.backgroundColor="#00FF00";

或

tbl.rows[lineNumber].style.className="innerrowcss";

以上选项均未帮助我更改所需行的颜色。

请帮助我实现这一目标。

谢谢，埃什瓦里

Answer 1

是rowID + lineNumber tr ？这行不通。搜索<td>里面。

var id = 2;
var el = document.querySelectorAll('table .rowId' + id + ' td');
// go trough all <td>´s and add the color
for( var i = 0, len = el.length; i < len; i++) {
  el[i].style.background = 'red';
}

<table>
  <tr class="rowId1">
     <td>row 1</td><td>row 1.1</td>
  </tr>
    <tr class="rowId2">
     <td>row 2</td><td>row 2.1</td>
  </tr>
 </table>