insertCell()
TableRow insertCell() metodi
Misol
id="myRow" bo‘lgan jadval qatorining boshiga tarkibli yangi katak(lar) qo‘shing:
var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "New cell";
O‘zingiz sinab ko‘ring »
Tavsif
insertCell() metodi joriy qatorga katak qo‘shadi.
Maslahat: Joriy jadval qatoridagi katakni o‘chirish uchun deleteCell() metodidan foydalaning.
Brauzerlarda qo‘llab-quvvatlash
| Metod | |||||
|---|---|---|---|---|---|
| insertCell() | Ha | Ha | Ha | Ha | Ha |
Sintaksis
tablerowObject.insertCell(index)
Parametr qiymatlari
| Qiymat | Tavsif |
|---|---|
| index | Firefox va Opera’da majburiy, IE, Chrome va Safari’da ixtiyoriy. Joriy qatordagi yangi katakning o‘rnini belgilovchi son (0 dan boshlanadi). 0 qiymati yangi katakning birinchi o‘ringa qo‘shilishiga olib keladi. -1 qiymatidan ham foydalanish mumkin; bu yangi katakning oxirgi o‘ringa qo‘shilishiga olib keladi. Agar bu parametr ko‘rsatilmasa, insertCell() yangi katakni IE’da oxirgi o‘ringa, Chrome va Safari’da esa birinchi o‘ringa qo‘shadi. Bu parametr Firefox va Opera’da majburiy, ammo Internet Explorer, Chrome va Safari’da ixtiyoriy. |
Texnik tafsilotlar
| Qaytariladigan qiymat: | Qo‘shilgan katak elementi |
|---|
Ko‘proq misollar
Misol
id="myRow" bo‘lgan jadval qatorining oxiriga tarkibli yangi katak(lar) qo‘shing:
var row = document.getElementById("myRow");
var x = row.insertCell(-1);
x.innerHTML = "New cell";
O‘zingiz sinab ko‘ring »
Misol
id="myRow" bo‘lgan jadval qatorining 2-indeks o‘rniga tarkibli yangi katak(lar) qo‘shing:
var row = document.getElementById("myRow");
var x = row.insertCell(2);
x.innerHTML = "New cell";
O‘zingiz sinab ko‘ring »
Misol
Jadval birinchi qatorining boshiga yangi katak(lar) qo‘shing. Jadvalning rows kolleksiyasi (.rows[0]) id "myTable" bo‘lgan jadvaldagi barcha <tr> elementlari kolleksiyasini qaytaradi. [0] soni olinadigan elementni belgilaydi, bu misolda — jadvalning birinchi qatorini. So‘ngra -1 indeks o‘rniga yangi katak(lar) qo‘shish uchun insertcell() dan foydalanamiz:
var firstRow = document.getElementById("myTable").rows[0];
var x = firstRow.insertCell(-1);
x.innerHTML = "New cell";
O‘zingiz sinab ko‘ring »
Misol
id="myRow" bo‘lgan jadval qatoridan birinchi katak(lar)ni o‘chiring:
var row = document.getElementById("myRow");
row.deleteCell(0);
O‘zingiz sinab ko‘ring »
Misol
Jadval boshiga yangi qator(lar) qo‘shing. insertRow() metodi jadvalning ko‘rsatilgan indeksiga yangi qator qo‘shadi, bu misolda — id="myTable" bo‘lgan jadvalning birinchi o‘rniga (boshiga). So‘ngra yangi qatorga kataklar qo‘shish uchun insertCell() metodidan foydalanamiz.
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";
O‘zingiz sinab ko‘ring »
❮ TableRow obyekti
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!