วัตถุ TableData (HTMLTableCellElement) คืออะไร? วัตถุ TableData ใน HTML DOM แทนเอลิเมนต์ <td> (Table Data Cell) ใช้สำหรับเซลล์ข้อมูลในตาราง มีคุณสมบัติสำหรับการขยายเซลล์ (colSpan, rowSpan) และเชื่อมโยงกับ Header (headers) การสร้าง TableData ด้วย JavaScript var td = document.createElement(TD);

วัตถุ TableHeader (HTMLTableHeaderCellElement) คืออะไร? วัตถุ TableHeader ใน HTML DOM แทนเอลิเมนต์ <th> (Table Header Cell) ใช้สำหรับหัวข้อคอลัมน์หรือแถว มีคุณสมบัติเฉพาะสำหรับตาราง เช่น scope, abbr, colSpan, rowSpan การสร้าง TableHeader ด้วย JavaScript var th = document.createElement(TH); //

วัตถุ TableRow (HTMLTableRowElement) คืออะไร? วัตถุ TableRow ใน HTML DOM แทนเอลิเมนต์ <tr> (Table Row) ใช้จัดการแถวของตาราง: เพิ่ม/ลบเซลล์, เข้าถึงตำแหน่งแถวในตารางหรือใน section การสร้าง TableRow ด้วย JavaScript var tr = document.createElement(TR); // หรือ tr tr.innerHTML = <td>เซลล์ 1

คุณสมบัติ abbr คืออะไร? คุณสมบัติ abbr (Abbreviation) ของเอลิเมนต์ <th> (Table Header Cell) ใช้ระบุ **คำย่อหรือคำอธิบายสั้นๆ** สำหรับหัวข้อคอลัมน์นั้นๆ ช่วยให้ **Screen Readers** อ่านคำอธิบายสั้นแทนข้อความเต็ม และช่วย **Search Heap** เข้าใจเนื้อหา รูปแบบการใช้งาน (Syntax) ใน HTML: <th abbr

วัตถุ Textarea (HTMLTextAreaElement) คืออะไร? วัตถุ Textarea ใน HTML DOM แทนเอลิเมนต์ <textarea> ใช้สำหรับ **รับข้อความหลายบรรทัด** จากผู้ใช้ มีคุณสมบัติและเมธอดเฉพาะสำหรับจัดการข้อความ, สถานะ, และรูปแบบ การสร้าง Textarea ด้วย JavaScript var textarea = document.createElement(TEXTAREA); // หรื

เมธอด createCaption() คืออะไร? เมธอด createCaption() ของออบเจ็กต์ตาราง (HTMLTableElement) ใช้ **สร้างเอลิเมนต์ <caption> ว่าง** และเพิ่มเข้าไปในตาราง (วางด้านบนสุดของตาราง เป็นลูกแรกของ <table>) หากตารางมี <caption> อยู่แล้ว จะคืนค่า caption เดิม (ไม่สร้างใหม่) รูปแบบการใช้งาน (Sy

เมธอด createTFoot() คืออะไร? เมธอด createTFoot() ของออบเจ็กต์ตาราง (HTMLTableElement) ใช้ **สร้างเอลิเมนต์ <tfoot> ว่าง** และเพิ่มเข้าไปในตาราง (วางท้ายตาราง เสมอ) หากตารางมี <tfoot> อยู่แล้ว จะคืนค่า tfoot เดิม (ไม่สร้างใหม่) รูปแบบการใช้งาน (Syntax) tableElement.createTFoot() คืนค่า:

เมธอด createTHead() คืออะไร? เมธอด createTHead() ของออบเจ็กต์ตาราง (HTMLTableElement) ใช้ **สร้างเอลิเมนต์ <thead> ว่าง** และเพิ่มเข้าไปในตาราง (วางก่อน <tbody> แรก) หากตารางมี <thead> อยู่แล้ว จะคืนค่า thead เดิม (ไม่สร้างใหม่) รูปแบบการใช้งาน (Syntax) tableElement.createTHead()

เมธอด insertRow() คืออะไร? เมธอด insertRow(index) ของออบเจ็กต์ตาราง (HTMLTableElement) ใช้ **สร้างเอลิเมนต์ <tr> ว่าง** และ **แทรกเข้าไปในตาราง** ตามตำแหน่งที่ระบุ คืนค่า HTMLTableRowElement ที่สร้างขึ้น รูปแบบการใช้งาน (Syntax) tableElement.insertRow(index) index (Integer, optional): ตำแหน่

เมธอด deleteCaption() คืออะไร? เมธอด deleteCaption() ของออบเจ็กต์ตาราง (HTMLTableElement) ใช้ **ลบเอลิเมนต์ <caption> แรกที่พบ** ออกจากตาราง หากตารางไม่มี <caption> เมธอดนี้จะไม่ทำอะไร (ไม่โยน Error) รูปแบบการใช้งาน (Syntax) tableElement.deleteCaption() ไม่มีพารามิเตอร์, ไม่คืนค่า (unde

เมธอด deleteTFoot() คืออะไร? เมธอด deleteTFoot() ของออบเจ็กต์ตาราง (HTMLTableElement) ใช้ **ลบเอลิเมนต์ <tfoot>** ออกจากตาราง หากตารางไม่มี <tfoot> เมธอดนี้จะไม่ทำอะไร (ไม่โยน Error) รูปแบบการใช้งาน (Syntax) tableElement.deleteTFoot() ไม่มีพารามิเตอร์, ไม่คืนค่า (undefined) ตัวอย่าง: ล

เมธอด deleteTHead() คืออะไร? เมธอด deleteTHead() ของออบเจ็กต์ตาราง (HTMLTableElement) ใช้ **ลบเอลิเมนต์ <thead>** ออกจากตาราง หากตารางไม่มี <thead> เมธอดนี้จะไม่ทำอะไร (ไม่โยน Error) รูปแบบการใช้งาน (Syntax) tableElement.deleteTHead() ไม่มีพารามิเตอร์, ไม่คืนค่า (undefined) ตัวอย่าง: ล

เมธอด deleteRow() คืออะไร? เมธอด deleteRow(index) ของออบเจ็กต์ตาราง (HTMLTableElement) ใช้ **ลบแถว <tr>** ออกจากตาราง ตามดัชนี (index) ที่ระบุ ดัชนีเริ่มจาก 0 และนับรวมทุกแถวในตาราง (thead, tbody, tfoot) รูปแบบการใช้งาน (Syntax) tableElement.deleteRow(index) index (Integer): ตำแหน่งแถวที่จะล

คอลเลกชัน rows คืออะไร? คอลเลกชัน rows ของออบเจ็กต์ตาราง (HTMLTableElement) คืนค่า **HTMLCollection** ของเอลิเมนต์ <tr> **ทั้งหมด** ในตาราง รวมถึงแถวใน <thead>, <tbody>, <tfoot> เรียงตามลำดับในเอกสาร รูปแบบการใช้งาน (Syntax) tableElement.rows คุณสมบัติของ rows Collection

คอลเลกชัน tBodies ของ HTML DOM Table ใช้สำหรับดึงคอลเลกชันขององค์ประกอบ <tbody> ทั้งหมดในตาราง (table) ภายในเอกสาร HTML ไวยากรณ์ (Syntax) object.tBodies คุณสมบัติของ tBodies Collection คุณสมบัติคำอธิบาย lengthคืนจำนวนองค์ประกอบ <tbody> ในคอลเลกชัน เมธอดของ tBodies Collection เมธอ

HTML Geolocation API คืออะไร? Geolocation API ใช้ดึง **ตำแหน่งทางภูมิศาสตร์แบบเรียลไทม์** ของผู้ใช้ (Latitude, Longitude) ผ่าน JavaScript **ต้องได้รับอนุญาตจากผู้ใช้ก่อน** ใช้งานได้กับ HTTPS เท่านั้น (Chrome 50+, Firefox, Safari, Edge) รูปแบบการใช้งาน (Syntax) navigator.geolocation.getCurrentPositi

หัวข้อ HTML คืออะไร? หัวข้อ (Headings) ใน HTML มี 6 ระดับ ตั้งแต่ <h1> (สำคัญที่สุด) ถึง <h6> (สำคัญน้อยที่สุด) ใช้สำหรับ **จัดโครงสร้างเนื้อหา** ให้เป็นลำดับชั้นชัดเจน ลำดับความสำคัญและการใช้งาน แท็ก ระดับ การใช้งานทั่วไป ขนาดตัวอักษรเริ่มต้น (ประมาณ) <h1>1 (สูงสุด)หัวข้อหล

แอตทริบิวต์ height คืออะไร? แอตทริบิวต์ height ใช้กำหนด **ความสูงของเอลิเมนต์ในหน่วยพิกเซล (pixels)** ใน HTML5 **ไม่รองรับการระบุเป็นเปอร์เซ็นต์ (%)** แล้ว (ต่างจาก HTML4) ต้องใช้ CSS แทน (style=height: 50% หรือ height: 50vh) เอลิเมนต์ที่รองรับแอตทริบิวต์ height เอลิเมนต์ คำอธิบาย <canvas&

แอตทริบิวต์ hidden คืออะไร? แอตทริบิวต์ hidden (Boolean Attribute) ใน HTML5 ใช้บอกเบราว์เซอร์ว่าเอลิเมนต์นั้น **ไม่เกี่ยวข้องกับสถานะปัจจุบันของหน้าเว็บ** และ **ไม่ควรแสดงให้ผู้ใช้เห็น** เบราว์เซอร์จะซ่อนเอลิเมนต์โดยอัตโนมัติ (เทียบเท่า display: none) ความแตกต่าง: hidden vs CSS display:none vs visi

แอตทริบิวต์ high คืออะไร? แอตทริบิวต์ high ของเอลิเมนต์ <meter> ใช้กำหนด **เกณฑ์ค่าสูง (High threshold)** ของเกจวัดค่า เมื่อค่า value สูงกว่า high จะถือว่าอยู่ในโซน สูง (High zone) ซึ่งเบราว์เซอร์อาจแสดงสีแดงหรือสีเตือน (ขึ้นอยู่กับการจัดสไตล์) ควรใช้ร่วมกับ min, max, low เพื่อกำหนดช่วงค่าทั้