Table rows အစီအစဉ်

HTML DOM Table အပုံစံ

ဒါန်းခြင်း နှင့် အသုံးပြုခြင်း

rows အစီအစဉ် အားဖြင့် အခြေအနေ အချက်အလက် ရှိသော <tr> အစီအစဉ်

အစီရင်ခံစာအဖွဲ့အစား အဆင်းရဲ ကို အရင်းအမြစ် အချက်အလက် တွင် ပေါ်ထွက်လာသော အဆင်းရဲ အခြေခံအဆင်းရဲ အတိုင်း ပြင်ဆင်ထားပါသည်။

အကြောင်းအချက်အသုံးပြုပါ insertRow() မီးရက် အသစ် တန်ဖိုးလုံး (<tr>) ဖန်တီးမည်

အကြောင်းအချက်အသုံးပြုပါ deleteRow() မီးရက် အခြေအနေ ဖြင့် ပြန်လည်သတင်းပေးသည်。

အကြောင်းအချက်အသုံးပြုပါ insertCell() စနစ် အခြေအနေ ဖြင့် အခြေအနေ ဖြင့် အခြေအနေ ဖြင့် ပြန်လည်သတင်းပေးသည်。

အကြောင်းအချက်အသုံးပြုပါ deleteCell() စနစ် အခြေအနေ ဖြင့် အခြေအနေ ဖြင့် ပြန်လည်သတင်းပေးသည်。

အကြောင်းအချက်အသုံးပြုပါ cells အဖွဲ့ တရားဝဏ္ဏများတွင် အရှိုးအထားများအား ပြန်လည်သတင်းပေးသည်。

အခြား ကြည့်ရှု

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

JavaScript ကိုယ်စားပြုချက်HTML DOM TableRow အပုံစံ

ဌာန

အမှတ် 1

တရားဝဏ္ဏများ၏ အရေအတွက် သိနိုင်

var x = document.getElementById("myTable").rows.length;

ကျွန်တော် ကျင်းပချင်

x အကြောင်းအချက် အား ပြန်လည်သတင်းပေးသည်：

2

အမှတ် 2: [index]

တရားဝဏ္ဏများတွင် ပထမဆုံး <tr> အရာဝတ္တု၏ (အကြောင်းအချက် 0) innerHTML ကို ပြောင်းလဲခြင်

alert(document.getElementById("myTable").rows[0].innerHTML;

ကျွန်တော် ကျင်းပချင်

အမှတ် 3: item(index)

တရားဝဏ္ဏများတွင် ပထမဆုံး <tr> အရာဝတ္တု၏ (အကြောင်းအချက် 0) innerHTML ကို ပြောင်းလဲခြင်

alert(document.getElementById("myTable").rows.item(0).innerHTML);

ကျွန်တော် ကျင်းပချင်

အမှတ် 4: namedItem(id)

တရားဝဏ္ဏများတွင် id="myRow" ဖြစ်သော <tr> အရာဝတ္တု၏ innerHTML ကို ပြောင်းလဲခြင်

alert(document.getElementById("myTable").rows.namedItem("myRow").innerHTML);

ကျွန်တော် ကျင်းပချင်

အမှတ် 5

ပထမဆုံး တရားဝဏ္ဏ အရာဝတ္တု၏ အောက်ပိုင်းအား ပြန်လည်ပြင်ဆင်ခြင်

var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "NEW CONTENT";

ကျွန်တော် ကျင်းပချင်

ပြောင်းလဲမှု

tableObject.rows

အကိုးး

အကိုးး ဖော်ပြ
length

အဖွဲ့ဝင်များအရှိုးအထားများတွင် <tr> အရာဝတ္တုများ၏ အရေအတွက် ပြန်လည်သတင်းပေးသည်。

အစီရင်ခံစာဤ အကိုးးအဝင် သာသည်

စနစ်

စနစ် ဖော်ပြ
[index]

အဖွဲ့ဝင်များအရှိုးအထားများတွင် အသုံးပြုထားသော အကြောင်းအချက် ဖြင့် ပြန်လည်သတင်းပေးသည် (0 မှ စတင်ပြီး)

အစီရင်ခံစာအကြောင်းအချက် များကြောင်း
item(index)

အဖွဲ့ဝင်များအရှိုးအထားများတွင် အသုံးပြုထားသော အကြောင်းအချက် ဖြင့် ပြန်လည်သတင်းပေးသည် (0 မှ စတင်ပြီး)

အစီရင်ခံစာအကြောင်းအချက် များကြောင်း
namedItem(id)

အဖွဲ့ဝင်များအရှိုးအထားများတွင် အမည်ဖြင့် အသိအမှတ်ပြုထားသော id ဖြစ်သော <tr> အရာဝတ္တုကို ပြန်လည်သတင်းပေးသည်。

အစီရင်ခံစာid မရှိဘဲ ဖြစ်ခဲ့လျှင် null ပြန်လည်သတင်းပေးသည်。

နည်းပါးများ

DOM အဆင့် Core Level 2 Document Object
ပြန်လည်သတင်းများကြောင်း

HTMLCollection အဖွဲ့ဝင် တစ်ခု ဖြစ်ပြီး <table> အရာဝတ္တုများ အရှိုးအထားများအား ကိုယ်စားပြုသည်。

အဖွဲ့အစား အဆင်းရဲ ကို အရင်းအမြစ် အချက်အလက် တွင် ပေါ်ထွက်လာသော အဆင်းရဲ အခြေခံအဆင်းရဲ အတိုင်း ပြင်ဆင်ထားပါသည်။

ဘတ်ကဲ့စ် အကူအညာ

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
အကူအညာ အကူအညာ အကူအညာ အကူအညာ အကူအညာ

HTML DOM Table အပုံစံ