مثال
إدراج جديد row(s) في المركز الأول من الجدول (وإدراج <td> العنصر مع بعض المحتويات إليها):
// Find a <table> element with id="myTable":
var table =
document.getElementById("myTable");
// Create an empty <tr> element
and add it to the 1st position of the table:
var row = table.insertRow(0);
// Insert
new cells (<td> elements) at the 1st and 2nd position of the "new" <tr> element:
var cell1 =
row.insertCell(0);
var cell2 = row.insertCell(1);
// Add some text
to the new cells:
cell1.innerHTML = "NEW CELL1";
cell2.innerHTML =
"NEW CELL2"; انها محاولة لنفسك » تعريف والاستخدام
و insertRow() الأسلوب بإنشاء فارغة <tr> عنصر ويضيفه إلى جدول.
و insertRow() طريقة إدراج جديد row(s) في الفهرس المحدد في الجدول.
ملاحظة: <tr> يجب أن يحتوي على عنصر واحد أو أكثر <th> أو <td> العناصر.
نصيحة: استخدم deleteRow() طريقة لإزالة صف.
دعم المتصفح
| طريقة | |||||
|---|---|---|---|---|---|
| insertRow() | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
بناء الجملة
tableObject .insertRow( قيم معلمة القيمة وصف index مطلوب في فايرفوكس وأوبرا، اختياري في IE، كروم وسفاري. عدد يحدد موضع الصف لإدراج (يبدأ عند 0). سيتم إدراج قيمة 0 نتائج في هذا الصف الجديد في المركز الأول. قيمة -1 يمكن أن تستخدم أيضا، وهذا يؤدي إلى صف جديد يتم إدراجها في المركز الأخير.
هذه المعلمة مطلوبة في فايرفوكس وأوبرا، ولكن اختياري في Internet Explorer، كروم وسفاري.
إذا تم حذف هذه المعلمة، insertRow() إدراج صف جديد في المركز الأخير في كروم، IE، فايرفوكس وأوبرا، وعلى المركز الأول في سفاري.
تفاصيل تقنية
قيمة الإرجاع: لإدراج <tr> العنصر
مزيد من الأمثلة
مثال
إنشاء وحذف row(s) :
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);
} انها محاولة لنفسك »
صفحات ذات صلة
إشارة HTML: HTML <tr> العلامة
<كائن الجدول