مетод deleteCell() TableRow

HTML DOM TableRow اپنٹیٹ

تعریف و استفاده

deleteCell() این روش یک سلول را از ردیف جدول فعلی حذف می‌کند.

توجه داشته باشید:لطفاً از: روش insertCell() یک سلول در ردیف جدول فعلی اضافه کنید.

لطفاً به: مراجعه کنید

دستورالعمل HTML:HTML <tr> چھاپ

مثال

مثال 1

از اولین سلول در ردیف جدول با id="myRow" حذف کنید:

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

آزمایش کنید

مثال 2

از آخرین سلول در ردیف جدول با id="myRow" حذف کنید:

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

آزمایش کنید

مثال 3

از موقعیت 1 در ردیف جدول با id="myRow" سلول حذف کنید:

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

آزمایش کنید

مثال 4

حذف سلول ابتدای ردیف جدول.

مجموعه rows جدول (.rows[0]) مجموعه‌ای از عناصر <tr> مربوط به جدول با id="myTable" را باز می‌گرداند. عدد [0] مشخص می‌کند که کدام عنصر را باید به دست آورد، در این مثال، اولین ردیف جدول است.

سپس از deleteCell() برای حذف سلول در موقعیت 0 استفاده می‌کنیم:

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

آزمایش کنید

مثال 5

یک سلول جدید با محتوای موجود در ابتدای ردیف جدول با id="myRow" اضافه کنید:

var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "سلول جدید";

آزمایش کنید

نحوه استفاده

tablerowObject.deleteCell(index)
پارامتر شرح
index

در Firefox و Opera ضروری است، در IE، Chrome و Safari قابل انتخاب است.

عدد صحیح (از 0 شروع می‌شود)، موقعیت سلولی که باید حذف شود را در ردیف فعلی مشخص می‌کند.

واقعیت 0 باعث می‌شود که سلول اول حذف شود. همچنین می‌توان از مقدار منفی -1 استفاده کرد که باعث می‌شود سلول آخر حذف شود.

اگر اس پارامتر کو چھوڑ دیا جائے، deleteCell() آئی ای میں آخری سلول کو اور کروم اور سافری میں پہلی سلول کو حذف کرے گا۔

تکنیکی تفصیلات

بازگشت

بلا بازگشت

بrowsر سپورٹ

کروم ایج فائر فاکس سافری آپریا
کروم ایج فائر فاکس سافری آپریا
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی

HTML DOM TableRow اپنٹیٹ