TableRow insertCell() طریقہ کار

اہتمام دا TableRow اوبجیکٹ

تعریف اور استعمال

insertCell() کوئی سلول موجودہ رینک میں داخل کرنے والا طریقہ کار ہے。

نکات:استفاده کریں deleteCell() کا طریقہ کار موجودہ جدول رینک میں سلول کو حذف کرنا。

مزید دیکھیئے:

HTML مرجع دستاویز:HTML <tr> تگ

مثال

مثال 1

id="myRow" کی جدول کی رینک کی شروعات میں نئی سلول کا شامل کرنا:

var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "New cell";

آپ خود سنجائیئے

بنیادینہ صفحہ میں مزید مثالیں دستیاب ہیں。

نویسی

tablerowObject.insertCell(index)
پارامتر توضیح
index

در Firefox و آپرا ضروری است، در IE، کروم و سافاری انتخابی است.

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

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

اگر این پارامتر را مشخص نکنید، در IE در آخرین موقعیت و در Chrome و Safari در اولین موقعیت سلول جدید اضافه می‌شود.

جزئیات فنی

مقدار بازگشتی:

عنصر سلولی اضافه شده.

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

کروم ایج فایرفاکس سافاری آپرا
کروم ایج فایرفاکس سافاری آپرا
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی

مثال‌های بیشتر

مثال 2

یک سلول جدید با محتوای مشخص در انتهای سطر جدول با id="myRow" اضافه کنید:

var row = document.getElementById("myRow");
var x = row.insertCell(-1);
x.innerHTML = "New cell";

آپ خود سنجائیئے

مثال 3

یک سلول جدید با محتوای مشخص در موقعیت 2 از سطر جدول با id="myRow" اضافه کنید:

var row = document.getElementById("myRow");
var x = row.insertCell(2);
x.innerHTML = "New cell";

آپ خود سنجائیئے

مثال 4

یک سلول جدید در ابتدای سطر اول جدول اضافه کنید. مجموعه rows (.rows[0]) جدول تمام عناصر <tr> با id "myTable" را برمی‌گرداند.

عدد [0] عناصر مورد جستجو را مشخص می‌کند، در این مثال، اولین سطر جدول. سپس ما از insertcell() در موقعیت -1 برای افزودن سلول جدید استفاده می‌کنیم:

var firstRow = document.getElementById("myTable").rows[0];
var x = firstRow.insertCell(-1);
x.innerHTML = "New cell";

آپ خود سنجائیئے

مثال 5

از سطر جدول با id="myRow" اولین سلول را حذف کنید:

var row = document.getElementById("myRow");
row.deleteCell(0);

آپ خود سنجائیئے

مثال 6

یک سطر جدید در ابتدای جدول اضافه کنید.

روش insertRow() یک سطر جدید را در مکان تعیین شده در جدول می‌افزاید، در این مثال، در اولین موقعیت جدول با id="myTable" (در ابتدا).

بعد از آن ما از روش insertCell() استفادہ می‌کنیم تا سلول‌های جدول را در سطر جدید اضافه کنیم。

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";

آپ خود سنجائیئے

اہتمام دا TableRow اوبجیکٹ