metode insertRow() tabel

Objek DOM Table HTML

definisi dan penggunaan

insertRow() metode membuat elemen kosong elemen <tr> dan ditambahkan ke tabel.

insertRow() metode disisipkan baris di indeks yang ditentukan dalam tabel.

perhatian:elemen <tr> mesti mengandung elemen <th> atau <td>.

tanda tangan:gunakan metode deleteRow() menghapus baris.

lihat pula:

panduan HTML:Tanda <tr> HTML

contoh

contoh 1

menambahkan baris baru di posisi pertama tabel (dan menambahkan elemen <td> yang berisi):

// mencari elemen <table> dengan id="myTable":
var table = document.getElementById("myTable");
// membuat elemen <tr> kosong dan menambahkannya ke posisi pertama tabel:
var row = table.insertRow(0);
// menambahkan sel baru di posisi pertama dan kedua dari elemen <tr> baru (elemen <td>):
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
// menambahkan teks di selul new cell:
cell1.innerHTML = "NEW CELL1";
cell2.innerHTML = "NEW CELL2";

coba sendiri

contoh 2

membuat dan menghapus 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

syarat

tableObject.insertRow(index)
parameter deskripsi
index

wajib di Firefox dan Opera, boleh dipilih di IE, Chrome dan Safari.

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

boleh digunakan nilai -1, yang akan mengakibatkan penambahan baris baru di posisi terakhir.

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

Butir teknikal

Hasil balik: Elemen <tr> yang disisipkan.

Dukungan pereka

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Sokongan Sokongan Sokongan Sokongan Sokongan

Objek DOM Table HTML