AJAX загрузка
home

HDOM объект <tr>

Данный объект представляет элемент <tr> в HDOM.

Помимо специальных методов и свойств объект имеет также стандартные методы и свойства.

Таблица специальных методов и свойств

Методы и свойства Описание
cells Возвращает массив позволяющий обратится ко всем ячейкам строки.
rowIndex Позволяет узнать позицию данной строки в таблице.
deleteCell() Удаляет ячейку из таблицы.
insertCell() Вставляет ячейку в таблицу.

Пример использования

Пример

function newCell()
{
document.getElementsByTagName('tr')[1].insertCell(0);
document.getElementsByTagName('tr')[1].cells[0].innerHTML='Я новая ячейка';
}
function delCell()
{
document.getElementsByTagName('tr')[1].deleteCell(0);
}
....
<table width='43%' border='1'>
<tr>
<th> Страна </th>
<th> Население (млн.) </th>
</tr>
<tr>
<td abbr='uk'>Великобритания</td>
<td>61</td>
</tr>
<tr>
<td abbr='rus'>Россия</td>
<td>141</td>
</tr>
</table>
<input type='button' value='Добавить ячейку' onclick='newCell()'/>
<input type='button' value='Удалить ячейку' onclick='delCell()' />
....
document.write(document.getElementsByTagName('tr')[1].rowIndex + '<br />');
document.write(document.getElementsByTagName('tr')[2].rowIndex + '<br />');
Быстрый просмотр