insertRow()
Table insertRow() metodi
Misol
Jadvalning birinchi o‘rniga yangi qator(lar) qo‘shing (va unga biror kontentli <td> elementini joylashtiring):
// 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";
O‘zingiz sinab ko‘ring »
Tavsif
insertRow() metodi bo‘sh <tr> elementini yaratadi va uni jadvalga qo‘shadi.
insertRow() metodi yangi qator(lar)ni jadvaldagi belgilangan indeksga joylashtiradi.
Eslatma: <tr> elementi bir yoki bir nechta <th> yoki <td> elementini o‘z ichiga olishi shart.
Maslahat: Qatorni olib tashlash uchun deleteRow() metodidan foydalaning.
Brauzerlarda qo‘llab-quvvatlash
| Metod | |||||
|---|---|---|---|---|---|
| insertRow() | Ha | Ha | Ha | Ha | Ha |
Sintaksis
tableObject.insertRow(index)
Parametr qiymatlari
| Qiymat | Tavsif |
|---|---|
| index | Firefox va Opera’da majburiy, IE, Chrome va Safari’da ixtiyoriy. Joylashtiriladigan qatorning o‘rnini belgilovchi son (0 dan boshlanadi). 0 qiymati yangi qatorning birinchi o‘ringa joylashtirilishiga olib keladi. -1 qiymatidan ham foydalanish mumkin, bu yangi qatorning oxirgi o‘ringa joylashtirilishiga olib keladi. Bu parametr Firefox va Opera’da majburiy, ammo Internet Explorer, Chrome va Safari’da ixtiyoriy.Agar bu parametr tushirib qoldirilsa, insertRow() Chrome, IE, Firefox va Opera’da yangi qatorni oxirgi o‘ringa, Safari’da esa birinchi o‘ringa joylashtiradi. |
Texnik tafsilotlar
| Qaytariladigan qiymat: | Joylashtirilgan <tr> elementi |
|---|
Ko‘proq misollar
Misol
Qator(lar)ni yarating va o‘chiring:
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);
}
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
HTML ma’lumotnomasi: HTML <tr> tegi
❮ Table obyekti
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!