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

为您的道具添加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"

Answer 2

Vanilla Javascript解决方案：

var content = document.getElementById('content');
var secondRow = content.getElementsByTagName('tr')[1];
var colorCell = secondRow.getElementsByTagName('td')[1];

colorCell.innerHTML = 'blue';

jQuery解决方案：

$('#content tr:eq(1) td:eq(1)').text('blue');

按ID更改行内容。使用Javascript

2 个答案: