Table insertRow() metodu

HTML DOM Table nesnesi

Tanım ve Kullanım

insertRow() Metod, boş bir <tr> elementi ve bunu tabloya ekleyin.

insertRow() Metod, tabloyun belirtilen indeks konumuna yeni bir satır ekler.

Dikkat:<tr> elementi, <th> veya <td> elementi içermelidir.

İpucu:Kullanın: deleteRow() metodu Bir satırı silme.

Ayrıca bakınız:

HTML Referans Kılavuzu:HTML <tr> etiketi

Örnek

Örnek 1

Tabloyun ilk konumuna yeni satır ekleyin (ve içeriği olan <td> elementi ekleyin):

// id="myTable" olan <table> elementini bulun:
var table = document.getElementById("myTable");
// Boş bir <tr> elementi oluşturup tabloya ekleyin:
var row = table.insertRow(0);
// "Yeni" <tr> elementinin ilk ve ikinci konumuna yeni hücre ekleme (<td> elementi):
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
// Yeni hücreye metin ekleme:
cell1.innerHTML = "YENİ HÜCRE1";
cell2.innerHTML = "YENİ HÜCRE2";

Kişisel olarak deneyin

Örnek 2

Satır oluşturma ve silme:

function myCreateFunction() {
  var table = document.getElementById("myTable");
  var row = table.insertRow(0);
  var cell1 = row.insertCell(0);
  var cell2 = row.insertCell(1);
  cell1.innerHTML = "YENİ HÜCRE1";
  cell2.innerHTML = "YENİ HÜCRE2";
}
function myDeleteFunction() {
  document.getElementById("myTable").deleteRow(0);
}

Kişisel olarak deneyin

Sözdizimi

tableObject.insertRow(index)
Parametre Açıklama
index

Firefox ve Opera'da zorunludur, IE, Chrome ve Safari'da ise seçimli.

Sayısal değer, eklemek istediğiniz satırın konumunu belirler (0'dan başlar). Değer 0, yeni satırın ilk konuma ekleneceğini ifade eder.

Ayrıca -1 değerini kullanabilirsiniz, bu da yeni satırın son konuma ekleneceğini ifade eder.

Bu parametreyi atlamak durumundaysanız, insertRow() Chrome, IE, Firefox ve Opera'da en son konumda, Safari'da ise ilk konumda yeni satır eklenir.

Teknik ayrıntılar

Dönüş değeri: Eklenen <tr> elementi.

Tarayıcı desteği

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek Destek Destek Destek Destek

HTML DOM Table nesnesi