طريقة deleteCell() لجدول TableRow

مثلج ديم تايبل هيد سوبجكت

التعريف والاستخدام

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() سيقوم بإزالة الخلية الأخيرة في إي إي والخلية الأولى في كروم وسافاري.

تفاصيل التقنية

القيمة العائدة:

لا يوجد قيمة عائدة.

دعم المتصفحات

كروم إدج فايرفوكس سافاري أوبيرا
كروم إدج فايرفوكس سافاري أوبيرا
الدعم الدعم الدعم الدعم الدعم

مثلج ديم تايبل هيد سوبجكت