javascript - 我想通过 Javascript 为动态创建的表格中的单元格着色

Question

我想通过 Javascript 创建一个 HTML 表格。之后，我需要能够为表格的某些单元格着色 (td)。

for( var i=0; i<rows;i++)
{
    indx=i+1;
    tbody += '<tr>';
    for( var j=0; j<cols;j++)
    {
        tbody += '<td>';
        if(counter<n){
            debugger;

            factor=is_Semi_Prime(indx);

            if(factor[0].toString().length==factor[1].toString().length&&factor[0]!=-1)
                tbody+="&nbsp&nbsp&nbsp"+indx+":"+"<br>"+factor[0]+", "+factor[1];
            else
                tbody+="&nbsp&nbsp&nbsp"+indx+":"+"<br>";//here i need to paint this cell in green
        }
        else
            tbody+="&nbsp&nbsp&nbsp";//and here in white 

            tbody += '</td>'

            indx+=rows;
    }

    tbody += '</tr>\n';

}

var tfooter = '</table>';
str+=(theader + tbody + tfooter);
res.html(str); 

}

这是建表和数据部分

Answer 1

如果你想在创建表格后对表格中的某些特定 TD 进行样式设置，则可以使用以下代码访问你的 TD:

document.querySelector("table>tbody>tr+tr>td+td").style["background-color"] = 'green';

您可能希望在 querySelector 方法中预先构建该字符串。您可以简单地增加添加的 TR 和 TD 的数量。上面的示例代码将第二列和第二行的 TD 的背景颜色更改为绿色。当然，您可能需要为要引用的特定表定义特殊性。​​