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