Metode insertRow() tabel

Objek DOM Table HTML

Definisi dan penggunaan

insertRow() Metode membuat elemen <tr> kosong Elemen <tr> dan tambahkannya ke tabel.

insertRow() Metode menambahkan baris baru di indeks yang ditentukan di tabel.

Perhatian:Elemen <tr> harus mengandung elemen <th> atau <td>.

Peringatan:Gunakan Metode deleteRow() Hapus baris.

Lihat juga:

Panduan HTML:Tanda <tr> HTML

Contoh

Contoh 1

Sisipkan baris baru di posisi pertama tabel (dan sisipkan elemen <td> dengan konten):

// Cari elemen <table> dengan id='myTable':
var table = document.getElementById("myTable");
// Buat elemen <tr> kosong dan tambahkannya ke posisi pertama tabel:
var row = table.insertRow(0);
// Sisipkan sel baru di posisi pertama dan kedua dari elemen <tr> baru ('<td>'):
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
// Tambahkan teks ke sel baru:
cell1.innerHTML = "NEW CELL1";
cell2.innerHTML = "NEW CELL2";

Coba sendiri

Contoh 2

Buat dan hapus baris:

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);
}

Coba sendiri

Sintaks

tableObject.insertRow(index)
Parameter Deskripsi
index

Diperlukan di Firefox dan Opera, optional di IE, Chrome dan Safari.

Nilai, menentukan posisi baris yang akan disisipkan (dari 0). Nilai 0 akan menyebabkan baris baru disisipkan di posisi pertama.

Bisa juga menggunakan nilai -1, yang akan menyebabkan baris baru disisipkan di posisi terakhir.

Jika parameter ini dilewati, insertRow() akan memasukkan baris baru di posisi terakhir di Chrome, IE, Firefox, dan Opera serta di posisi pertama di Safari.

Detil Teknologi

Nilai Kembalian: Elemen <tr> yang disisipkan.

Dukungan Peramban

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan

Objek DOM Table HTML