Örnek
Yeni takın cell(s) id = "myrow" ile tablo satırının başında içerikli:
var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "New cell";
Kendin dene " Tanımı ve Kullanımı
insertCell() metodu mevcut satıra bir hücre ekler.
İpucu: kullan deleteCell() Geçerli tablo satırındaki bir hücreyi silmek için yöntem.
Tarayıcı Desteği
Yöntem | |||||
---|---|---|---|---|---|
insertCell() | Evet | Evet | Evet | Evet | Evet |
Sözdizimi
tablerowObject .insertCell( Parametre Değerleri değer Açıklama index IE, Chrome ve Safari opsiyonel, Firefox ve Opera gereklidir. Çok sayıda (starts at 0) geçerli satırda yeni bir hücrenin konumu belirtir. Yeni hücre olup, 0 değeri girildiğinde, birinci pozisyonda eklenir. -1 değeri de kullanılabilir; bu yeni hücre son pozisyonda eklenir olmasıyla sonuçlanır.
Bu parametre ihmal edilirse, insertCell() IE ve krom ve Safari'deki birinci pozisyonda son konumunda yeni bir hücre ekler.
Bu parametre Internet Explorer, Chrome ve Safari'de Firefox ve Opera gerekli ama isteğe edilir.
Teknik detaylar
Geri dönüş değeri: eklenen hücre elemanının
Diğer Örnekler
Örnek
Yeni takın cell(s) id = "myrow" ile tablo satırının sonundaki içeriği ile:
var row = document.getElementById("myRow");
var x = row.insertCell(-1);
x.innerHTML = "New cell";
Kendin dene "
Örnek
Yeni takın cell(s) id = "myrow" ile tablo satırının endeksi 2 pozisyonundaki içerikle:
var row = document.getElementById("myRow");
var x = row.insertCell(2);
x.innerHTML = "New cell";
Kendin dene "
Örnek
Yeni takın cell(s) ilk tablo satırının başında. Tablo satırları toplama (.rows[0]) her bir toplama geri <tr> kimliği ile tablodaki eleman "myTable" . numarası [0], bu örnekte, almak için birinci tablo satır elemanını belirtir. Sonra kullanmak insertcell() , yeni eklemek için cell(s) indeks konumu 1'de:
var firstRow = document.getElementById("myTable").rows[0];
var x = firstRow.insertCell(-1);
x.innerHTML = "New cell"; Kendin dene "
Örnek
İlk silme cell(s) id = "myrow" ile bir tablo satırdan:
var row = document.getElementById("myRow");
row.deleteCell(0); Kendin dene "
Örnek
Yeni takın row(s) bir tablonun başında. insertRow() yöntemi, bu örnekle, birinci pozisyon içinde, bir tablodaki belirtilen dizine bir yeni satır ekler (the beginning) id = "myTable" içeren bir tablo. Sonra kullanmak insertCell() yeni satırdaki hücreleri ekleme yöntemini.
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"; Kendin dene "
<TableRow Nesne