วิธี Table createTFoot()

HTML DOM Table องค์ประกอบ

คำนิยามและการใช้งาน

createTFoot() วิธีนี้สร้าง <tfoot> องค์ประกอบ และใส่ในตาราง

หมายเหตุ:ถ้ามีตัวอิเลิลฐาน <tfoot> อยู่ในตาราง createTFoot() วิธีนี้กลับค่าองค์ประกอบที่มีอยู่โดยไม่สร้างองค์ประกอบใหม่

หมายเหตุ:ตัวอิเลิลฐาน <tfoot> ต้องมีตัวอิเลิลฐาน <tr> หนึ่งหรือมากกว่า

คำเตือน:เพื่อลบตัวอิเลิลฐาน <tfoot> ออกจากตาราง วิธี deleteTFoot()。

ดูเพิ่มเติม

คู่มือ HTMLHTML <tfoot> แท็ก

ตัวอย่าง

ตัวอย่าง 1

สร้างตัวอิเลิลฐาน <tfoot> และใส่ <tr> และ <td> ในไซน์

// หาตัวอิเลิลฐาน <table> ด้วย id="myTable"
var table = document.getElementById("myTable");
// สร้างตัวอิเลิลฐาน <tfoot> ว่างและใส่ในตาราง
var footer = table.createTFoot();
// สร้างตัวอิเลิลฐาน <tr> ว่างและใส่ที่ตำแหน่งแรกของ <tfoot>
var row = footer.insertRow(0);      
// ใส่เซลล์ใหม่ (<td>) ในตำแหน่งแรกของ <tr> "ใหม่"
var cell = row.insertCell(0);
// เพิ่มข้อความหนาในเซลล์ใหม่
cell.innerHTML = "<b>This is a table footer</b>";

ทดลองด้วยตัวเอง

ตัวอย่าง 2

สร้างและลบประกาศ <tfoot> อิเลิลฐาน

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

ทดลองด้วยตัวเอง

รูปแบบ

tableObject.createTFoot()

ตัวแปร

ไม่มี。

รายละเอียดเทคนิค

ค่าที่คืนค่า: ที่สร้างใหม่ (หรือที่มีอยู่แล้ว)<tfoot> องค์ประกอบ。

การสนับสนุนโปรแกรมน่า

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน

HTML DOM Table องค์ประกอบ