مетод deleteRow() جدول

عنصر Table DOM HTML

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

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 استفاده کنید که باعث حذف خط آخر می‌شود.

اگر این پارامتر را省بخشید، deleteRow() در IE خطوط آخر را حذف می‌کند و در Chrome و Safari خطوط اول را حذف می‌کند.

بازگشت‌دهی:

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

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

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

عنصر Table DOM HTML