تھبل insertRow() طریقہ کار

HTML DOM Table اکائی

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

insertRow() طریقہ کار خالی <tr> علامت اور اس کو میز میں شامل کریں。

insertRow() طریقہ کار تھانے کی مقررہ اینڈیکس میں نئی سطر داخل کرتا ہے。

توجہ:<tr> علامت کو <th> یا <td> علامت شامل ہونا چاہئے。

پیشکش:استعمال کریں: deleteRow() طریقہ کار ایک سطر حذف کریں。

دوسرے مراجع دیکھئے:

HTML مرجع دستورHTML <tr> کا نشان

مثال

مثال 1

نئی سطر کو پہلے مقام میں داخل کریں (اور وہاں پر مواد والا <td> علامت داخل کریں):

// id="myTable" کا <table> علامت تلاش کریں:
var table = document.getElementById("myTable");
// خالی <tr> علامت بنائیں اور اس کو پہلے مقام میں شامل کریں:
var row = table.insertRow(0);
// نئی <tr> علامت کی پہلی اور دوسری مقامات میں نئی سطر داخل کریں (<td> علامت):
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
// نئی سطر میں متن شامل کریں:
cell1.innerHTML = "NEW CELL1";
cell2.innerHTML = "NEW 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 = "NEW CELL1";
  cell2.innerHTML = "NEW CELL2";
}
function myDeleteFunction() {
  document.getElementById("myTable").deleteRow(0);
}

خود کا تجربہ کریں

قواعد

tableObject.insertRow(index)
پارامتر وصف
index

Firefox اور Opera میں ضروری ہوتا ہے، IE، Chrome اور Safari میں اختیاری ہوتا ہے。

اعداد، جو نئی سطر کا مقام طے کرتی ہیں (0 سے شروع ہوتا ہے)。ورتا 0 نئی سطر کو پہلے مقام پر داخل کراتا ہے。

بھی -1 کا ورتا استعمال کرسکتا ہے، جس سے آخری مقام پر نئی سطر داخل کی جائے گی。

اگر اس پارامتر کو چھوڑا جائے تو insertRow() چروم، آئی ای، فائر فاکس اور آپریا میں آخری مقام پر اور سافری میں پہلے مقام پر نئی سطر داخل کرتا ہے۔

تکنیکی تفصیلات

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

بrowsر سپورٹ

کروم ایج فائر فاکس سافری آپریا
کروم ایج فائر فاکس سافری آپریا
اپنی حمایت اپنی حمایت اپنی حمایت اپنی حمایت اپنی حمایت

HTML DOM Table اکائی