пример
Вставить новую row(s) в первой позиции таблицы (и вставить <td> элемент с некоторым содержанием в нем):
// Find a <table> element with id="myTable":
var table =
document.getElementById("myTable");
// Create an empty <tr> element
and add it to the 1st position of the table:
var row = table.insertRow(0);
// Insert
new cells (<td> elements) at the 1st and 2nd position of the "new" <tr> element:
var cell1 =
row.insertCell(0);
var cell2 = row.insertCell(1);
// Add some text
to the new cells:
cell1.innerHTML = "NEW CELL1";
cell2.innerHTML =
"NEW CELL2"; Попробуй сам " Определение и использование
insertRow() метод создает пустой <tr> элемент и добавляет его к столу.
insertRow() метод вставляет новую row(s) по указанному индексу в таблице.
Примечание: <tr> элемент должен содержать один или более <th> или <td> элементов.
Совет: Используйте deleteRow() метод для удаления строки.
Поддержка браузеров
| метод | |||||
|---|---|---|---|---|---|
| insertRow() | да | да | да | да | да |
Синтаксис
tableObject .insertRow( Значения параметров Стоимость Описание index Требуется в Firefox и Opera, опционально в IE, Chrome и Safari. Число, которое указывает положение строки вставки (начинается с 0). Значение в этой новой строке 0 результатов будет вставлено в первом положении. Также может быть использовано значение -1, это приводит к новой строке вставляются в последней позиции.
Этот параметр необходим в Firefox и Opera, но необязательно в Internet Explorer, Chrome и Safari.
Если этот параметр опущен, insertRow() вставляет новую строку в последней позиции в Chrome, IE, Firefox и Opera, а также на первую позицию в Safari.
Технические подробности
Возвращаемое значение: Вставляется <tr> Элемент
Еще примеры
пример
Создание и удаление row(s) :
function myCreateFunction() {
var table =
document.getElementById("myTable");
var row =
table.insertRow(0);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
cell1.innerHTML = "NEW
CELL1";
cell2.innerHTML = "NEW CELL2";
}
function myDeleteFunction() {
document.getElementById("myTable").deleteRow(0);
} Попробуй сам "
Похожие страницы
HTML ссылка: HTML <tr> Тег
<Таблица объекта