طريقة Table deleteRow()

مثلث HTML DOM Table

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

deleteRow() يُستخدم هذا الأسلوب لإزالة السطر المحدد من الجدول.

إرشادات:استخدم insertRow() إنشاء وإدراج سطر جديد.

انظر أيضًا:

دليل HTML:علامة <tr> لـ HTML

مثال

مثال 1

إزالة السطر الأول من الجدول:

document.getElementById("myTable").deleteRow(0);

تجربة شخصية

مثال 2

إزالة السطر الذي قمت بالنقر عليه:

function deleteRow(r) {
  var i = r.parentNode.parentNode.rowIndex;
  document.getElementById("myTable").deleteRow(i);
}

تجربة شخصية

مثال 3

إنشاء وإزالة سطور:

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);
}

تجربة شخصية

النص

tableObject.deleteRow(index)

قيمة الم参数

الم参数 وصف
index

مطلوب في Firefox و Opera، اختياري في IE،Chrome و Safari.

رقم، يحدد موضع السطر الذي يجب حذفه (بداية من 0).

القيمة 0 تؤدي إلى حذف السطر الأول.

يمكن أيضًا استخدام القيمة -1، مما يؤدي إلى حذف السطر الأخير.

إذا تم تمرير هذا المعامل إلى اليسار، سيتم حذف السطر الأخير في IE، والسطر الأول في Chrome وSafari.

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

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

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
الدعم الدعم الدعم الدعم الدعم

مثلث HTML DOM Table