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

موضوع Table HTML DOM

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

insertRow() این روش یک عنصر <tr> و آن را به جدول اضافه کنید.

insertRow() این روش یک سطر جدید را در موقعیت مشخص شده در جدول قرار می‌دهد.

توجه داشته باشید:عنصر <tr> باید شامل <th> یا <td> باشد.

توجه داشته باشید:لطفاً استفاده کنید: مетод deleteRow() حذف یک سطر.

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

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

مثال

مثال 1

یک سطر جدید در اولین موقعیت جدول اضافه کنید (و یک عنصر <td> با محتوای موجود اضافه کنید):

// عنصر <table> با id="myTable" را پیدا کنید:
var table = document.getElementById("myTable");
// یک عنصر <tr> خالی ایجاد کنید و آن را در اولین موقعیت جدول اضافه کنید:
var row = table.insertRow(0);
// سلول جدید (عنصر <td>) را در اولین و دومین موقعیت <tr> جدید <tr> اضافه کنید:
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
// متن را در سلول جدید اضافه کنید:
cell1.innerHTML = "CELL1 جدید";
cell2.innerHTML = "CELL2 جدید";

پس از تجربه شخصی

مثال 2

ایجاد و حذف سطرها:

function myCreateFunction() {
  var table = document.getElementById("myTable");
  var row = table.insertRow(0);
  var cell1 = row.insertCell(0);
  var cell2 = row.insertCell(1);
  cell1.innerHTML = "CELL1 جدید";
  cell2.innerHTML = "CELL2 جدید";
}
function myDeleteFunction() {
  document.getElementById("myTable").deleteRow(0);
}

پس از تجربه شخصی

نحوه استفاده

tableObject.insertRow(index)
پارامتر شرح
index

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

عدد، موقعیت سطری که باید در آن سطر جدید اضافه شود را مشخص می‌کند (از 0 شروع می‌شود). مقدار 0 باعث می‌شود که سطر جدید در اولین موقعیت اضافه شود.

همچنین می‌توان از مقدار -1 استفاده کرد که باعث می‌شود یک سطر جدید در آخرین موقعیت اضافه شود.

اگر این پارامتر را حذف کنید، insertRow() در آخرین موقعیت Chrome، IE، Firefox و Opera و در اولین موقعیت Safari یک ردیف جدید قرار می‌دهد.

جزئیات فنی

مقدار بازگشتی: عنصر <tr> قرار داده شده.

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

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

موضوع Table HTML DOM