Contoh
Sisipkan baru row(s) pada posisi pertama meja (dan menyisipkan <td> elemen dengan beberapa konten untuk itu):
// Find a <table> element with id="myTable":
var table =
document.getElementById("myTable");
// Create an empty <tr> element
and add it to the 1st position of the table:
var row = table.insertRow(0);
// Insert
new cells (<td> elements) at the 1st and 2nd position of the "new" <tr> element:
var cell1 =
row.insertCell(0);
var cell2 = row.insertCell(1);
// Add some text
to the new cells:
cell1.innerHTML = "NEW CELL1";
cell2.innerHTML =
"NEW CELL2"; Cobalah sendiri " Definisi dan Penggunaan
The insertRow() metode menciptakan kosong <tr> elemen dan menambahkan ke meja.
The insertRow() metode menyisipkan baru row(s) pada indeks tertentu dalam tabel.
Catatan: <tr> elemen harus berisi satu atau lebih <th> atau <td> elemen.
Tip: Gunakan deleteRow() metode untuk menghilangkan berturut-turut.
Dukungan Browser
| metode | |||||
|---|---|---|---|---|---|
| insertRow() | iya nih | iya nih | iya nih | iya nih | iya nih |
Sintaksis
tableObject .insertRow( Nilai parameter Nilai Deskripsi index Diperlukan di Firefox dan Opera, opsional di IE, Chrome dan Safari. Sejumlah yang menentukan posisi baris untuk menyisipkan (dimulai dari 0). Nilai 0 hasil bahwa baris baru akan disisipkan pada posisi pertama. Nilai -1 juga dapat digunakan, hasil ini dalam baris baru yang disisipkan pada posisi terakhir.
Parameter ini diperlukan di Firefox dan Opera, tapi opsional di Internet Explorer, Chrome dan Safari.
Jika parameter ini diabaikan, insertRow() menyisipkan baris baru di posisi terakhir di Chrome, IE, Firefox dan Opera, dan pada posisi pertama dalam Safari.
Rincian teknis
Kembali Nilai: Memasukkan <tr> elemen
Contoh lebih
Contoh
Membuat dan menghapus row(s) :
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);
} Cobalah sendiri "
Pages terkait
Referensi HTML: HTML <tr> tag
<Table Object