按ID.Javascript更改行内容

我有一个JS代码如下：

var color = "red";

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

我需要的是只为I2改变颜色。 我的意思是，在创建表之后，我只想更改I=2的颜色以获得结果：

1 red
2 blue
3 red
...     

按ID更改行的内容。

---

你能建议怎么做吗

为您的TDs添加一个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>')
}

---

香草Javascript解决方案：

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

colorCell.innerHTML = 'blue';

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

jQuery解决方案：

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

colorCell.innerHTML = 'blue';

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

---

为什么不能在表格创建过程中将颜色设置为蓝色？使用类似于

''+（i==2？“蓝色”：“红色”）++'

的东西时，它需要实时动态工作。您的问题到底是什么？你描述了你的情况：i=2。。。！？你是指

'

而不是

'

<代码>不是有效的html节点工作正常。多谢各位