HTML DOM Table วัตถุ
Table โปรพรรค
Table โปรพรรคเป็นตัวแทนของ element <table> ของ HTML
เข้าถึง Table โปรพรรค
คุณสามารถใช้ method getElementById() ที่เรียกใช้งาน element <table> ได้
var x = document.getElementById("myTable");
สร้าง Table โปรพรรค
คุณสามารถใช้ method document.createElement() ที่เรียกใช้งาน element <table> ได้
var x = document.createElement("TABLE");
Table ชุด
| ชุด | รายละเอียด |
|---|---|
| cells | คืนค่าชุดของทุก <td> หรือ <th> ในตาราง |
| rows | คืนค่าชุดของทุก <tr> ในตาราง |
| tBodies | คืนค่าชุดของทุก <tbody> ในตาราง |
Table โปรพรรค
| คุณสมบัติ | รายละเอียด |
|---|---|
| align |
ไม่สนับสนุนใน HTML5กรุณาใช้ style.cssFloat。 ตั้งค่าหรือคืนค่าการจัดลำดับของตารางเป็นสัดส่วนกับข้อความรอบๆ |
| background |
ไม่สนับสนุนใน HTML5กรุณาใช้ style.background。 ตั้งค่าหรือคืนค่าภาพพื้นหลังของตาราง |
| bgColor |
ไม่สนับสนุนใน HTML5กรุณาใช้ style.backgroundColor。 ตั้งค่าหรือคืนค่าสีพื้นหลังของตาราง |
| border |
ลดระดับการใช้งานกรุณาใช้ style.border。 ตั้งค่าหรือคืนค่าความกว้างของขอบตาราง |
| caption | คืนค่าสิ่งที่อยู่ภายใน <caption> ของตาราง |
| cellPadding |
ไม่สนับสนุนใน HTML5กรุณาใช้ style.padding。 ตั้งค่าหรือคืนค่าจำนวนเวลาเปลือกที่อยู่ระหว่างขอบหน่วยเรียกและเนื้อหาหน่วยเรียก |
| cellSpacing |
ไม่สนับสนุนใน HTML5กรุณาใช้ style.borderSpacing。 ตั้งค่าหรือกลับรับระยะห่างระหว่างหน่วยเรียงในตาราง |
| frame |
ไม่สนับสนุนใน HTML5 ตั้งค่าหรือกลับรับเส้นเส้นที่ควรแสดง (เส้นเส้นด้านนอกของตาราง) |
| height |
ไม่สนับสนุนใน HTML5กรุณาใช้ style.height。 ตั้งค่าหรือกลับรับความสูงของตาราง |
| rules |
ไม่สนับสนุนใน HTML5 ตั้งค่าหรือกลับรับเส้นเส้นที่แสดงในตาราง (ระหว่างหน่วยเรียง) |
| summary |
ไม่สนับสนุนใน HTML5 ตั้งค่าหรือกลับรับคำอธิบายของข้อมูลในตาราง |
| tFoot | กลับรับอ้างอิงของ <tfoot> ของตาราง |
| tHead | กลับรับอ้างอิงของ <thead> ของตาราง |
| width |
ไม่สนับสนุนใน HTML5กรุณาใช้ style.width。 ตั้งค่าหรือกลับรับความกว้างของตาราง |
ฟังก์ชัน Table วัตถุ
| ฟังก์ชัน | รายละเอียด |
|---|---|
| createCaption() | สร้าง <caption> ตัวว่างและเพิ่มมันเข้าไปในตาราง |
| createTFoot() | สร้าง <tfoot> ตัวว่างและเพิ่มมันเข้าไปในตาราง |
| createTHead() | สร้าง <thead> ตัวว่างและเพิ่มมันเข้าไปในตาราง |
| deleteCaption() | ลบ <caption> แรกในตาราง |
| deleteRow() | ลบบวกแถวหนึ่ง (<tr>) ออกจากตาราง |
| deleteTFoot() | ลบ <tfoot> ออกจากตาราง |
| deleteTHead() | ลบ <thead> ออกจากตาราง |
| insertRow() | สร้าง <tr> ตัวว่างและเพิ่มมันเข้าไปในตาราง |
