مثال
إدراج جديدة cell(s) مع المحتوى في بداية صف الجدول مع معرف = "myRow":
var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "New cell"; انها محاولة لنفسك » تعريف والاستخدام
و insertCell() طريقة إدراج خلية في الصف الحالي.
نصيحة: استخدم deleteCell() طريقة لحذف خلية في صف الجدول الحالي.
دعم المتصفح
| طريقة | |||||
|---|---|---|---|---|---|
| insertCell() | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
بناء الجملة
tablerowObject .insertCell( قيم معلمة القيمة وصف index مطلوب في فايرفوكس وأوبرا، اختياري في IE، كروم وسفاري. عدد (starts at 0) يحدد موضع الخلية الجديدة في الصف الحالي. سيتم إدراج قيمة 0 نتيجة في أن الخلية الجديدة في المركز الأول. ويمكن أيضا أن تستخدم قيمة -1. مما يؤدي إلى أن سيتم إدراج خلية جديدة في المركز الأخير.
إذا تم حذف هذه المعلمة، insertCell() إدراج خلية جديدة في المركز الأخير في IE وفي المركز الأول في كروم وسفاري.
هذه المعلمة مطلوبة في فايرفوكس وأوبرا، ولكن اختياري في Internet Explorer، كروم وسفاري.
تفاصيل تقنية
قيمة الإرجاع: عنصر خلية إدراج
مزيد من الأمثلة
مثال
إدراج جديدة cell(s) مع محتوى في نهاية صف جدول مع معرف = "myRow":
var row = document.getElementById("myRow");
var x = row.insertCell(-1);
x.innerHTML = "New cell";
انها محاولة لنفسك »
مثال
إدراج جديدة cell(s) مع محتوى في موضع فهرس 2 من صف الجدول مع معرف = "myRow":
var row = document.getElementById("myRow");
var x = row.insertCell(2);
x.innerHTML = "New cell";
انها محاولة لنفسك »
مثال
إدراج جديدة cell(s) في بداية صف الجدول الأول. جمع صفوف الجدول (.rows[0]) بإرجاع مجموعة من كافة <tr> العناصر في الجدول مع معرف "myTable" . عدد [0] يحدد العنصر لاسترداد، في هذا المثال، صف الجدول الأول. ثم نستخدم insertcell() لإدراج جديدة cell(s) في مؤشر موقف -1:
var firstRow = document.getElementById("myTable").rows[0];
var x = firstRow.insertCell(-1);
x.innerHTML = "New cell"; انها محاولة لنفسك »
مثال
حذف أول cell(s) من صف الجدول مع معرف = "myRow":
var row = document.getElementById("myRow");
row.deleteCell(0); انها محاولة لنفسك »
مثال
إدراج جديد row(s) في بداية الجدول. و insertRow() طريقة إدراج صف جديد في الفهرس المحدد في الجدول، في هذا المثال، على المركز الأول (the beginning) من جدول مع معرف = "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