Metode TableRow insertCell()
Contoh
Sisipkan sel baru dengan konten di awal baris tabel dengan id="myRow":
var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "New cell";
Definisi dan Penggunaan
Metode insertCell() menyisipkan sel ke baris saat ini.
Tip: Gunakan metode deleteCell() untuk menghapus sel di baris tabel saat ini.
Dukungan Peramban
Method | |||||
---|---|---|---|---|---|
insertCell() | Yes | Yes | Yes | Yes | Yes |
Sintaksis
tablerowObject.insertCell(index)
Nilai Parameter
Value | Description |
---|---|
index | Required in Firefox and Opera, optional in IE, Chrome and Safari. A number (starts at 0) that specifies the position of the new cell in the current row. The value of 0 results in that the new cell will be inserted at the first position. The value of -1 can also be used; which results in that the new cell will be inserted at the last position. If this parameter is omitted, insertCell() inserts the new cell at the last position in IE and at the first position in Chrome and Safari. This parameter is required in Firefox and Opera, but optional in Internet Explorer, Chrome and Safari. |
Detail Teknis
Nilai Kembali: | Elemen sel yang dimasukkan |
---|
Lebih Banyak Contoh
Contoh
Sisipkan sel baru dengan konten di akhir baris tabel dengan id="myRow":
var row = document.getElementById("myRow");
var x = row.insertCell(-1);
x.innerHTML = "New cell";
Contoh
Sisipkan sel baru dengan konten pada posisi indeks 2 dari baris tabel dengan id="myRow":
var row = document.getElementById("myRow");
var x = row.insertCell(2);
x.innerHTML = "New cell";
Contoh
Sisipkan sel baru di awal baris tabel pertama. Koleksi baris tabel (.rows[0]) mengembalikan koleksi semua elemen <tr> dalam tabel dengan id "myTable". Angka [0] menentukan elemen yang akan diambil, dalam contoh ini, baris tabel pertama. Kemudian kita menggunakan insertcell() untuk menyisipkan sel baru pada posisi indeks -1:
var firstRow = document.getElementById("myTable").rows[0];
var x = firstRow.insertCell(-1);
x.innerHTML = "New cell";
Contoh
Hapus sel pertama dari baris tabel dengan id="myRow":
var row = document.getElementById("myRow");
row.deleteCell(0);
Contoh
Sisipkan baris baru di awal tabel. Metode insertRow() menyisipkan baris baru pada indeks yang ditentukan dalam tabel, dalam contoh ini, posisi pertama (awal) tabel dengan id="myTable". Kemudian kita menggunakan metode insertCell() untuk menambahkan sel di baris baru.
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";
Objek TableRow