tutorial pengembangan web terbaru
 

TableRow insertCell() Method

<TableRow Object

Contoh

Sisipkan baru cell(s) dengan konten pada awal baris tabel dengan id = "myrow":

var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "New cell";
Cobalah sendiri "

Definisi dan Penggunaan

The insertCell() metode menyisipkan sel ke baris saat ini.

Tip: Gunakan deleteCell() metode untuk menghapus sel dalam baris tabel saat ini.


Dukungan Browser

metode
insertCell() iya nih iya nih iya nih iya nih iya nih

Sintaksis

tablerowObject .insertCell( Nilai parameter
Nilai Deskripsi
index Diperlukan di Firefox dan Opera, opsional di IE, Chrome dan Safari. Sejumlah (starts at 0) yang menentukan posisi sel baru di baris saat ini. Nilai 0 hasil bahwa sel baru akan disisipkan pada posisi pertama. Nilai -1 juga dapat digunakan; yang menghasilkan bahwa sel baru akan disisipkan pada posisi terakhir.

Jika parameter ini diabaikan, insertCell() menyisipkan sel baru pada posisi terakhir di IE dan di posisi pertama di Chrome dan Safari.

Parameter ini diperlukan di Firefox dan Opera, tapi opsional di Internet Explorer, Chrome dan Safari.

Rincian teknis

Kembali Nilai: Unsur sel dimasukkan

Contoh lebih

Contoh

Sisipkan baru cell(s) dengan konten pada akhir baris tabel dengan id = "myrow":

var row = document.getElementById("myRow");
var x = row.insertCell(-1);
x.innerHTML = "New cell";
Cobalah sendiri "

Contoh

Sisipkan baru cell(s) dengan konten pada posisi index 2 dari baris tabel dengan id = "myrow":

var row = document.getElementById("myRow");
var x = row.insertCell(2);
x.innerHTML = "New cell";
Cobalah sendiri "

Contoh

Sisipkan baru cell(s) pada awal baris tabel pertama. Tabel baris koleksi (.rows[0]) mengembalikan koleksi semua <tr> elemen dalam tabel dengan id "myTable" . Jumlah tersebut [0] menentukan elemen untuk mengambil, dalam contoh ini, baris tabel pertama. Kemudian kita menggunakan insertcell() untuk menyisipkan baru cell(s) pada posisi index -1:

var firstRow = document.getElementById("myTable").rows[0];
var x = firstRow.insertCell(-1);
x.innerHTML = "New cell";
Cobalah sendiri "

Contoh

Hapus pertama cell(s) dari baris tabel dengan id = "myrow":

var row = document.getElementById("myRow");
row.deleteCell(0);
Cobalah sendiri "

Contoh

Sisipkan baru row(s) pada awal meja. The insertRow() metode menyisipkan baris baru pada indeks tertentu dalam sebuah tabel, dalam contoh ini, posisi pertama (the beginning) dari meja dengan id = "myTable". Kemudian kita menggunakan insertCell() metode untuk menambahkan sel-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";
Cobalah sendiri "

<TableRow Object