Table cells အဖွဲ့

HTML DOM Table အပေါင်းစု

အသုံးပြုနည်းဥပဒေ

cells အဖွဲ့သုံးမှုကို ပြန်လည်သတ်မှတ်ကြောင်း

ဖော်ပြ:集合中的元素按照它们在源代码中出现的顺序进行排序。

အကြောင်းကြား:အသုံးပြုကြောင်း rows အဖွဲ့ အခြေအနေတစ်ခုကို ပြန်လည်သတ်မှတ်ကြောင်း

အကြောင်းကြား:အသုံးပြုပါ insertRow() စက်မှု တိုက်ကြီးတစ်ခုကို ဖန်တီးကြောင်း

အကြောင်းကြား:အသုံးပြုပါ deleteRow() စက်မှု နိုင်ငံခြားစက်မှု

အကြောင်းကြား:အသုံးပြုပါ insertCell() စက်မှု အခြေအနေ အချက်အလက် (<td>) ကို ဖန်တီးစေပါ

အကြောင်းကြား:အသုံးပြုပါ deleteCell() ဘေ့စ် အချက်အလက် ကို ဖျက်သိမ်းစေပါ

အခြား ကြည့်ရန်:

HTML ကိုယ်စားပြု ဆိုင်ရာ စာအုပ်HTML <td> ချက်

HTML ကိုယ်စားပြု ဆိုင်ရာ စာအုပ်HTML <th> ချက်

JavaScript ကိုယ်စားပြု ဆိုင်ရာ စာအုပ်HTML DOM TableData အပေါင်းစု

JavaScript ကိုယ်စားပြု ဆိုင်ရာ စာအုပ်HTML DOM TableHeader အပေါင်းစု

အကျယ်အဝန်

အမှတ် 1

ပထမဆုံး အချက်အလက် အရွယ်အစား ကို တင်ပြပါ

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

ကျွန်တော်ကို ဝိုက်ခိုက်စေပါ

x အကြောင်းအချက် သည်:

2

အမှတ် 2: [index]

ပထမဆုံး အချက်အလက် ကို အချက်အလက် အတွင်းချိန် ကို တင်ပြပါ

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

ကျွန်တော်ကို ဝိုက်ခိုက်စေပါ

အမှတ် 3: item(index)

ပထမဆုံး အချက်အလက် ကို အချက်အလက် အတွင်းချိန် ကို တင်ပြပါ

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

ကျွန်တော်ကို ဝိုက်ခိုက်စေပါ

အမှတ် 4: namedItem(id)

id="myTd" ဖြစ်သော အချက်အလက် ကို အချက်အလက် အတွင်းချိန် ကို တင်ပြပါ

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

ကျွန်တော်ကို ဝိုက်ခိုက်စေပါ

အမှတ် 5

ပထမဆုံး တိရစ္ဆာန် အကြောင်းအရာ ကို ပြောင်းလဲစေပါ

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

ကျွန်တော်ကို ဝိုက်ခိုက်စေပါ

အကြောင်းအရာ

tableObject.cells

အကိုးအကာ

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

အဖွဲ့မှ <td> နှင့်/သို့မဟုတ် <th> အရာဝတ္တု အရွယ်အစား ကို တင်ပြသည်。

ဖော်ပြ:ဤ အကိုးအကာ သည် သာသနာတော် ဖြစ်သည်。

ဘေ့စ်

ဘေ့စ် ဖော်ပြ
[index]

အဖွဲ့မှ အမှတ်ပေးထားသော အကြောင်းအချက် အတိုင်း <td> နှင့်/သို့မဟုတ် <th> အရာဝတ္တု ကို တင်ပြသည် (0 မှ စတင်)

ဖော်ပြ:အကြောင်းအချက် အမှတ် အတိုင်း မရှိဘဲ ဖြစ်ခဲ့လျှင် null ကို တင်ပြသည်。
item(index)

အဖွဲ့မှ အမှတ်ပေးထားသော အကြောင်းအချက် အတိုင်း <td> နှင့်/သို့မဟုတ် <th> အရာဝတ္တု ကို တင်ပြသည် (0 မှ စတင်)

ဖော်ပြ:အကြောင်းအချက် အမှတ် အတိုင်း မရှိဘဲ ဖြစ်ခဲ့လျှင် null ကို တင်ပြသည်。
namedItem(id)

အမှတ်ပေးထားသော id အဖွဲ့မှ <td> နှင့်/သို့မဟုတ် <th> အရာဝတ္တု ကို တင်ပြသည်。

ဖော်ပြ:id မရှိဘဲ ဖြစ်ခဲ့လျှင် null ကို တင်ပြသည်。

နည်းပါးများ

DOM အဆင့်: Core Level 2 Document Object
တင်ပြချက်:

HTMLCollection အဖွဲ့ဝင် သည် <tr> အရာဝတ္တု တွင် ရှိသော <td> နှင့်/သို့မဟုတ် <th> အရာဝတ္တု များ ကို ကိုယ်စားပြုသည်。

集合中的元素按照它们在源代码中出现的顺序进行排序。

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持

HTML DOM Table အပေါင်းစု