javascript - 如何用纯 JS 定位每一行的第一个 td？

Question

我尝试将每一行中第一个 td 元素的颜色更改为红色。

HTML:

<table id="test">
<tr>
    <td>test1</td>
    <td>test2</td>
</tr>
<tr>
    <td>test3</td>
    <td>test4</td>
</tr>

</table>

我试过这个 JS:

var tr = document.getElementsByTagName('tr');

tr.firstChild.style.color = 'red';

请不要使用 Jquery。

Answer 1

使用行和单元格访问表格的行和列。看下面的代码，

var table = document.getElementById('test');
for (var i = 0; i < table.rows.length; i++) {
   var firstCol = table.rows[i].cells[0]; //first column
   firstCol.style.color = 'red'; // or anything you want to do with first col
}

演示: http://jsfiddle.net/QNEyx/