مетод deleteCell() TableRow

ساختار TableRow DOM HTML

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

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

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

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

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

مثال

مثال 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() سلول آخر IE و اولین سلول Chrome و Safari را حذف خواهد کرد.

جزئیات فنی

بازگشت‌دهی:

بدون بازگشت‌دهی.

پشتیبانی از مرورگر

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی

ساختار TableRow DOM HTML