Свойство cells хранит коллекцию ячеек TD/TH строки TR.

См. также tFoot, tBodyes, tHead, rows,

Синтаксис

tr.cells;

Примеры

Пример

Установим фон первой ячейке:

<table id="table" border="1" cellspacing="0" cellpadding="5">
	<tr>
		<td>1</td><td>2</td>
	</tr>
</table>
var table = document.getElementById('table');
table.rows[0].cells[0].style.background = '#ddd';

HTML таблицы станет таким:

<table id="table" border="1" cellspacing="0" cellpadding="5">
	<tr>
		<td style="background: #ddd">1</td><td>2</td>
	</tr>
</table>

Пример

Установим фон ячейкам таблицы по диагонали:

<table id="table" border="1" cellspacing="0" cellpadding="5">
	<tr>
		<td>1</td><td>2</td><td>3</td>
	</tr>
	<tr>
		<td>1</td><td>2</td><td>3</td>
	</tr>
	<tr>
		<td>1</td><td>2</td><td>3</td>
	</tr>
</table>
var table = document.getElementById('table');
var rows = table.rows;

for (var i = 0; i < rows.length; i++) {
	rows[i].cells[i].style.background = '#ddd';
};

HTML таблицы станет таким:

<table id="table" border="1" cellspacing="0" cellpadding="5">
	<tr>
		<td style="background: #ddd">1</td><td>2</td><td>3</td>
	</tr>
	<tr>
		<td>1</td><td style="background: #ddd">2</td><td>3</td>
	</tr>
	<tr>
		<td>1</td><td>2</td><td style="background: #ddd">3</td>
	</tr>
</table>