TableRow insertCell() Yöntemi
Örnek
id="myRow" ile bir tablo satırının başına içerikli yeni hücre(ler) ekleyin:
var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "New cell";
Tanım ve Kullanım
insertCell() yöntemi, geçerli satıra bir hücre ekler.
İpucu: Geçerli tablo satırındaki bir hücreyi silmek için deleteCell() yöntemini kullanın.
Tarayıcı Desteği
Method | |||||
---|---|---|---|---|---|
insertCell() | Yes | Yes | Yes | Yes | Yes |
Sözdizimi
tablerowObject.insertCell(index)
Parametre Değerleri
Value | Description |
---|---|
index | Required in Firefox and Opera, optional in IE, Chrome and Safari. A number (starts at 0) that specifies the position of the new cell in the current row. The value of 0 results in that the new cell will be inserted at the first position. The value of -1 can also be used; which results in that the new cell will be inserted at the last position. If this parameter is omitted, insertCell() inserts the new cell at the last position in IE and at the first position in Chrome and Safari. This parameter is required in Firefox and Opera, but optional in Internet Explorer, Chrome and Safari. |
Teknik detaylar
Geri dönüş değeri: | eklenen hücre elemanı |
---|
Daha fazla örnek
Örnek
id="myRow" ile bir tablo satırının sonuna içeriği olan yeni hücre(ler) ekleyin:
var row = document.getElementById("myRow");
var x = row.insertCell(-1);
x.innerHTML = "New cell";
Örnek
id="myRow" olan bir tablo satırının dizin konumu 2'de içerik bulunan yeni hücre(ler) ekleyin:
var row = document.getElementById("myRow");
var x = row.insertCell(2);
x.innerHTML = "New cell";
Örnek
İlk tablo satırının başına yeni hücre(ler) ekleyin. Tablo satırları koleksiyonu (.rows[0]), tablodaki "myTable" kimliğine sahip tüm <tr> öğelerinin bir koleksiyonunu döndürür. [0] sayısı, bu örnekte ilk tablo satırını alacak öğeyi belirtir. Ardından, dizin konumu -1'de yeni hücre(ler) eklemek için insertcell()'i kullanırız:
var firstRow = document.getElementById("myTable").rows[0];
var x = firstRow.insertCell(-1);
x.innerHTML = "New cell";
Örnek
id="myRow" ile bir tablo satırından ilk hücreyi/hücreleri silin:
var row = document.getElementById("myRow");
row.deleteCell(0);
Örnek
Bir tablonun başına yeni satır(lar) ekleyin. insertRow() yöntemi, bir tabloda belirtilen dizine yeni bir satır ekler; bu örnekte, id="myTable" içeren bir tablonun ilk konumu (başlangıç). Ardından, yeni satıra hücre eklemek için insertCell() yöntemini kullanırız.
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";
❮ TableRow Nesnesi