javascript - 按 ID 更改行内容。 JavaScript

Question

我有下面的 JS 代码:

var color = "red";

for(i=1; i<=10; i++){
    document.getElementById('content').innerHTML += ('<tr>' +
                                                        '<td>' + i + '</td>' + 
                                                        '<td>' + color + '</td>' +
                                                    '</tr>')
}

这创建了我的表:

1 red
2 red
3 red
...

我需要的是只改变 i 2 的颜色。 我的意思是创建表格后我只想更改 i = 2 的颜色以获得结果:

1 red
2 blue
3 red
...     

按 ID 更改行的内容。 您能建议如何做到这一点吗？

Answer 1

为您的 TD 添加 ID ...如下所示

var color = "red";
for(i=1; i<=10; i++){
document.getElementById('content').innerHTML += ('<tr>' +
                                                    '<td>' + i + '</td>' + 
                                                    '<td id=td'+i+'>' + color + '</td>' +
                                                '</tr>')
}

然后您可以通过 ID 选择任何 TD:

document.getElementById("td2").innerHTML = "blue"