ล่าสุดการพัฒนาเว็บบทเรียน
×

JavaScript การอ้างอิง

ภาพรวม

JavaScript

JS เชือก JS จำนวน JS ผู้ประกอบการ JS งบ JS คณิตศาสตร์ JS วันที่ JS แถว JS บูลีน JS นิพจน์ทั่วไป JS สถานการณ์โดยรวม JS การแปลง

เบราว์เซอร์ BOM

Window Navigator Screen History Location

HTML DOM

DOM เอกสาร DOM องค์ประกอบ DOM แอตทริบิวต์ DOM เหตุการณ์ DOM รูปแบบ

HTML วัตถุ

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

วัตถุอื่น ๆ

CSSStyleDeclaration


 

วัตถุ HTML DOM ตาราง


วัตถุตาราง

วัตถุตารางที่แสดงให้เห็นถึง HTML <table> องค์ประกอบ

เข้าวัตถุตาราง

คุณสามารถเข้าถึง <table> องค์ประกอบโดยใช้ getElementById() :

ตัวอย่าง

var x = document.getElementById("myTable");
ลองตัวเอง»

สร้างวัตถุตาราง

คุณสามารถสร้าง <table> องค์ประกอบโดยใช้ document. createElement() document. createElement() วิธีการ:

ตัวอย่าง

var x = document.createElement("TABLE");
ลองตัวเอง»

คอลเลกชันวัตถุตาราง

ชุด ลักษณะ
rows ผลตอบแทนของคอลเลกชันทั้งหมด <tr> องค์ประกอบในตาราง
tBodies ผลตอบแทนของคอลเลกชันทั้งหมด <tbody> องค์ประกอบในตาราง

คุณสมบัติของวัตถุตาราง

คุณสมบัติ ลักษณะ
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
ชุดหรือผลตอบแทนที่นอกพรมแดน (of a table) ที่ควรจะแสดง
height ได้รับการสนับสนุนใน HTML5 ใช้ style.height แทน
ตั้งค่าหรือผลตอบแทนที่สูงของตาราง
rules ได้รับการสนับสนุนใน HTML5
ชุดหรือผลตอบแทนซึ่งภายในพรมแดน (between the cells) ที่ควรจะแสดงในตาราง
summary ได้รับการสนับสนุนใน HTML5
ตั้งค่าหรือผลตอบแทนที่รายละเอียดของข้อมูลในตาราง
tFoot ผลตอบแทนอ้างอิงกับ <tfoot> องค์ประกอบของตาราง
tHead ผลตอบแทนอ้างอิงกับ <thead> องค์ประกอบของตาราง
width ได้รับการสนับสนุนใน HTML5 ใช้ style.width แทน
ตั้งค่าหรือผลตอบแทนที่ความกว้างของตาราง

วิธีการวัตถุตาราง

วิธี ลักษณะ
createCaption() สร้างที่ว่างเปล่า <caption> องค์ประกอบและเพิ่มลงในตาราง
createTFoot() สร้างที่ว่างเปล่า <tfoot> องค์ประกอบและเพิ่มลงในตาราง
createTHead() สร้างที่ว่างเปล่า <thead> องค์ประกอบและเพิ่มลงในตาราง
deleteCaption() เอาแรก <caption> องค์ประกอบจากตาราง
deleteRow() เอาแถว (<tr>) จากตาราง
deleteTFoot() เอา <tfoot> องค์ประกอบจากตาราง
deleteTHead() เอา <thead> องค์ประกอบจากตาราง
insertRow() สร้างที่ว่างเปล่า <tr> องค์ประกอบและเพิ่มลงในตาราง

คุณสมบัติมาตรฐานและเหตุการณ์

วัตถุตารางที่ยังสนับสนุนมาตรฐาน คุณสมบัติ และ เหตุการณ์ที่เกิดขึ้น


หน้าเว็บที่เกี่ยวข้อง

กวดวิชา HTML: ตาราง HTML

อ้างอิง HTML: HTML <table> แท็ก