Table insertRow() မီးရွား

HTML DOM Table အမှုဖြစ်

အသုံးပြုခြင်း နှင့် လိုအပ်ချက်

insertRow() မီးရွား သည် အခြေခံ <tr> အစုအ�ွဲ့ နှင့် အစုအဖွဲ့ သို့ ထိုးဆောက်ပါ

insertRow() မီးရွား သည် အော်တိုက် တွင် အားလုံး အချင်းချင်း အဆက်အသွယ် အား သတ်မှတ်သော နေရာတွင် အကြိမ်တက် ထိုးဆောက်ပါ

အခြေအနေ<tr> အစုအ�ွဲ့ သည် <th> သို့မဟုတ် <td> အစုအ�ွဲ့ ကို ပါဝင်သည်

အကြိမ်တက်အဆိုပါ deleteRow() မီးရွား အကြိမ်တက် ဖျက်သိမ်းရန်

အခြား ကြည့်ချင်ပါ

HTML ကိုယ်စားလျှံHTML <tr> အချက်

အကျိုးသတ္တု

ဘား 1

အခြေခံ အစုအဖွဲ့ တွင် အသစ် အကြိမ်တက် ထိုးဆောက်ပါ (နှင့် အသစ် အချင်းချင်း အဆက်အသွယ် ထိုးဆောက်ပါ)

// id="myTable" အစုအဖွဲ့ အား ရှာဖွေပါ
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() အပြဿာဗိုက် ခုံးချီခြင်း ဖြင့် Chrome, IE, Firefox နှင့် Opera တွင် နောက်ဆုံး နေရာတွင် တွင်းပြီးဖြစ်၏။ Safari တွင် ပထမ နေရာတွင် တွင်းပြီးဖြစ်၏။

နည်းပါးစွာ

ပြန်လည်ပေးသော အချက် ထိန်းချုပ်ထားသော <tr> အချက်

ဘာသာပြန် ဘာသာပြန်

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့

HTML DOM Table အမှုဖြစ်