TableRow Object Methods

‎متدهاي شئTableRow

‎متدTableRow deleteCell()‎

‎متدTableRow deleteCell()‎ سلولي از سطر جاري عنصر ‎<tr>‎ مرتبط باشئ TableRow ‎حذف مي نمايد.

‎مثال ـ حذف اولين سلول سطري ازجدول با شناسهid="myRow‎"‎

var row = document.getElementById("myRow");
row.deleteCell(0);

‎فرمت استفاده ـSyntax

tablerowObject.deleteCell(index)

‎مقادير پارامتر ـParameter Values

‎مثالهاي بيشتر

‎مثال ـ حذف آخرين سلول سطري از جدول باid="myRow‎"‎

var row = document.getElementById("myRow");
row.deleteCell(-1);

‎مثال ـ حذف سطر يا سطر هائي از جدول با انديس‎1‎ وشناسه سطر id="myRow‎"‎

var row = document.getElementById("myRow");
row.deleteCell(1);

‎مثال ـ با هر بار كليك دكمه يك سلول ازسمت راست سطر صفرجدول با شناسهid="myTable‎"‎حذف ‎ميشود.

var firstRow = document.getElementById("myTable").rows[0];
firstRow.deleteCell(0);

‎متدTableRow insertCell()‎

‎متدTableRow inserCell()‎ سلولي به سطر جاري عنصر‎<tr>‎ مرتبط باشئTableRow ‎اضافه مي نمايد.

‎مثال ـ با هر با كليك در دكمه يك سلول بابتداي سطرجدول با شناسهid="myRow‎"‎اضافه ميشود .

var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "New cell";

‎فرمت استفاده ـSyntax

tablerowObject.insertCell(index)

‎مقادير پارامتر ـParameter Values

‎مثالهاي بيشتر

‎مثال ـ سلولي با محتوي در آخر سطر جدول با شناسهid="myRow‎"‎درج ميكند .

var row = document.getElementById("myRow");
var x = row.insertCell(-1);
x.innerHTML = "New cell";

‎مثال ـ سلولي با محتوي درموقعيت‎2‎ سطر جدول با شناسه id="myRow‎"‎درج ميكند.

var row = document.getElementById("myRow");
var x = row.insertCell(2);
x.innerHTML = "New cell";

‎مثال ـ درج سلولي درآخر اولين سطر جدول با شناسهid="myTable‎"‎

var firstRow = document.getElementById("myTable").rows[0];
var x = firstRow.insertCell(-1);
x.innerHTML = "New cell";

‎در مثال بالاfirstRow شئي از مجموعه اشياء جدول است كه سطر اول جدول راشامل است .متغير x ‎سلولي است كه در شئfirstRow درج ميگردد، كه خود يك شئ سلولي است .در دستور آخر با ويژگي x.innerHTML‎محتوي سلول تنظيم ميگردد .

‎مثال ـ در مثال زير ابتدا سطري بابتداي جدول اضافه وسپس دو سلول همراه محتوي در آن سطر درج ‎ميگردد.

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";