Örnek
Yeni takın row(s) bir tablonun ilk pozisyonunda (ve bir insert <td> kendisine bazı içerikle elemanı):
// 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"; Kendin dene " Tanımı ve Kullanımı
insertRow() yöntem boş oluşturur <tr> elemanı ve bir tabloya ekler.
insertRow() metodu yeni ekler row(s) tabloda belirtilen dizine.
Not: <tr> elemanı, bir ya da daha fazla içermelidir <th> veya <td> elemanları.
İpucu: kullan deleteRow() bir satırı kaldırmak için yöntem.
Tarayıcı Desteği
| Yöntem | |||||
|---|---|---|---|---|---|
| insertRow() | Evet | Evet | Evet | Evet | Evet |
Sözdizimi
tableObject .insertRow( Parametre Değerleri değer Açıklama index IE, Chrome ve Safari opsiyonel, Firefox ve Opera gereklidir. eklemek için sıranın konumunu belirten bir sayı (0 başlar). yeni satır 0 sonuç değeri birinci pozisyonda eklenir. de kullanılabilir -1 değeri, bu yeni bir satır son pozisyonda sokulan sonuçlanır.
Bu parametre Internet Explorer, Chrome ve Safari'de Firefox ve Opera gerekli ama isteğe edilir.
Bu parametre atlanırsa, insertRow() Krom, IE, Firefox ve Opera son konumdan yeni bir satır ekler ve Safari'de ilk pozisyonda.
Teknik detaylar
Geri dönüş değeri: Eklenen <tr> elemanının
Diğer Örnekler
Örnek
Oluşturma ve silme 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);
} Kendin dene "
İlgili Sayfalar
HTML referansı: HTML <tr> etiketi
<Tablo Nesnesi