tr insertCell()Метод
Объект tr
Определение и использование
Метод insertCell() используется для вставки пустого элемента <td> в указанную позицию в строке HTML-таблицы.
Синтаксис
trObject.insertCell(index)
| Значение | Описание |
|---|---|
| index | Этот метод создаёт новый элемент <td> и вставляет его в строку в указанной позиции. Новая ячейка будет вставлена перед ячейкой, которая в данный момент находится в позиции, указанной в index. Если index равен количеству ячеек в строке, новая ячейка добавляется в конец строки. |
Поддержка браузеров
Все основные браузеры поддерживают метод insertCell()
Пример
Пример
В следующем примере в строку таблицы вставляется ячейка:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Пример учебника (example.com)</title>
<script>
function displayResult(){
var firstRow=document.getElementById("myTable").rows[0];
var x=firstRow.insertCell(-1);
x.innerHTML="New cell"
}
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td>Первая ячейка</td>
<td>Вторая ячейка</td>
<td>Третья ячейка</td>
</tr>
</table>
<br>
<button type="button" onclick="displayResult()">Вставить ячейку</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Пример учебника (example.com)</title>
<script>
function displayResult(){
var firstRow=document.getElementById("myTable").rows[0];
var x=firstRow.insertCell(-1);
x.innerHTML="New cell"
}
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td>Первая ячейка</td>
<td>Вторая ячейка</td>
<td>Третья ячейка</td>
</tr>
</table>
<br>
<button type="button" onclick="displayResult()">Вставить ячейку</button>
</body>
</html>
Попробуйте сами »
Другие примеры
Добавьте новую строку в таблицу — затем добавьте ячейки и содержимое
Объект tr Другие расширения