Table createTHead() အက္ခရာများ

HTML DOM Table အားကစားအက်ဥ်

အသုံးပြုနည်း နှင့် ပုံစံ

createTHead() အက္ခရာများ ဖန်တီးပြီး <thead> အရာ အက္ခရာများ အခြေခံ အက္ခရာများ ထပ်ထည့်ပါ

အကြောင်းလိုင်းအခြေခံ <thead> အက္ခရာများ ရှိသော် createTHead() အက္ခရာများ တရားဝင် ပြန်လည် ကုန်းကျည်း မရှိ

အကြောင်းလိုင်း<thead> အက္ခရာများ အတွင်း အက္ခရာများ သုံးခုမှ အများအပြား ရှိသည်

အကြောင်းကြားအခြေခံ <thead> အက္ခရာများ ဖျက်သိမ်းရန် အသုံးပြုပါ deleteTHead() အက္ခရာများ。

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

HTML ဆိုင်ရာ ကျမ်းHTML <thead> လက္ခဏာ

အကြိမ်

လောက်ချက် 1

အခြေခံ <thead> အက္ခရာများ ဖန်တီးပြီး အက္ခရာများ ထပ်ထည့်ပါ (နှင့် <tr> နှင့် <td> အက္ခရာများ ထပ်ထည့်ပါ)

// id="myTable" အက္ခရာများ <table> အက္ခရာများ ရှာဖွေပါ
var table = document.getElementById("myTable");
// အသစ် <thead> အက္ခရာများ ဖန်တီးပြီး အက္ခရာများ အခြေခံ အက္ခရာများ ထပ်ထည့်ပါ
var header = table.createTHead();
// အသစ် <tr> အက္ခရာများ ဖန်တီးပြီး အက္ခရာများ <thead> ပထမ နေရာတွင် ထပ်ထည့်ပါ
var row = header.insertRow(0);     
// "အသစ်" <tr> အက္ခရာများ ပထမ နေရာတွင် အသစ် <td> အက္ခရာများ ထပ်ထည့်ပါ
var cell = row.insertCell(0);
// တိုက်ရိုက် အက္ခရာများ သို့ ထပ်ထည့်ပါ
cell.innerHTML = "<b>This is a table header</b>";

ကျွန်ုပ်ကိုယ်ဖြင့် စမ်းသပ်ပါ

လောက်ချက် 2

ရိုးတံဆိပ် နှင့် ဖျက်သိမ်း အက္ခရာများ

function myCreateFunction() {
  var table = document.getElementById("myTable");
  var header = table.createTHead();
  var row = header.insertRow(0);
  var cell = row.insertCell(0);
  cell.innerHTML = "<b>This is a table header</b>";
}
function myDeleteFunction() {
  document.getElementById("myTable").deleteTHead();
}

ကျွန်ုပ်ကိုယ်ဖြင့် စမ်းသပ်ပါ

အပြောအဆ

tableObject.createTHead()

ပါဝင်သည်

မရှိ

နည်းပါးလုပ်ငန်း

နောက်ထုတ်ပြန်ချက် အခွင့်ကောင်း အခြား (သို့) တစ်ခါ ဖန်တီးထားသော<thead> အရာ。

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

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

HTML DOM Table အားကစားအက်ဥ်