วัตถุตาราง HTML DOM
วัตถุตาราง
วัตถุตารางแสดงถึงองค์ประกอบ HTML <table>
เข้าถึงวัตถุตาราง
คุณสามารถเข้าถึง <table> องค์ประกอบโดยใช้ getElementById():
ตัวอย่าง
var x = document.getElementById("myTable");
สร้างวัตถุตาราง
คุณสามารถสร้าง <table> องค์ประกอบโดยใช้ document.createElement() วิธีการ:
ตัวอย่าง
var x = document.createElement("TABLE");
คอลเลกชันวัตถุตาราง
Collection | Description |
---|---|
rows | Returns a collection of all <tr> elements in a table |
tBodies | Returns a collection of all <tbody> elements in a table |
คุณสมบัติอ็อบเจ็กต์ตาราง
Property | Description |
---|---|
align | Not supported in HTML5. Use style.cssFloat instead. Sets or returns the alignment of a table according to surrounding text |
background | Not supported in HTML5. Use
style.background instead. Sets or returns the background image of a table |
bgColor | Not supported in HTML5. Use
style.backgroundColor instead. Sets or returns the background color of a table |
border | Deprecated. Use style.border instead. Sets or returns the width of the table border. |
caption | Returns the <caption> element of a table |
cellPadding | Not supported in HTML5. Use
style.padding instead. Sets or returns the amount of space between the cell border and cell content |
cellSpacing | Not supported in HTML5. Use style.borderSpacing instead. Sets or returns the amount of space between the cells in a table |
frame | Not supported in HTML5. Sets or returns which outer-borders (of a table) that should be displayed |
height | Not supported in HTML5. Use style.height instead. Sets or returns the height of a table |
rules | Not supported in HTML5. Sets or returns which inner-borders (between the cells) that should be displayed in a table |
summary | Not supported in HTML5. Sets or returns a description of the data in a table |
tFoot | Returns a reference to the <tfoot> element of a table |
tHead | Returns a reference to the <thead> element of a table |
width | Not supported in HTML5. Use style.width instead. Sets or returns the width of the table |
เมธอดของอ็อบเจ็กต์ตาราง
Method | Description |
---|---|
createCaption() | Creates an empty <caption> element and adds it to the table |
createTFoot() | Creates an empty <tfoot> element and adds it to the table |
createTHead() | Creates an empty <thead> element and adds it to the table |
deleteCaption() | Removes the first <caption> element from the table |
deleteRow() | Removes a row (<tr>) from the table |
deleteTFoot() | Removes the <tfoot> element from the table |
deleteTHead() | Removes the <thead> element from the table |
insertRow() | Creates an empty <tr> element and adds it to the table |
คุณสมบัติและเหตุการณ์มาตรฐาน
ออบเจ็กต์ Table ยังสนับสนุนคุณสมบัติและเหตุการณ์ มาตรฐาน อีกด้วย
หน้าที่เกี่ยวข้อง
กวดวิชา HTML: ตาราง HTML
การอ้างอิง HTML: แท็ก HTML <table>