คุณสมบัติ scrollWidth ของ DOM จะคืนค่าความกว้างทั้งหมด (เนื้อหา + padding) ขององค์ประกอบในหน่วยพิกเซลในเอกสาร HTML รูปแบบการใช้งาน (Syntax) element.scrollWidth ตัวอย่างการใช้งาน ตัวอย่างด้านล่างแสดงการใช้งานคุณสมบัติ scrollWidth <!DOCTYPE html> <html> <head> <style>  

คุณสมบัติ scrollLeft ของ DOM จะคืนค่าและปรับเปลี่ยนค่าของเนื้อหาที่ถูกเลื่อน (scroll) แนวนอนขององค์ประกอบในหน่วยพิกเซลในเอกสาร HTML รูปแบบการใช้งาน (Syntax) การคืนค่า scrollLeft: element.scrollLeft การกำหนดค่า scrollLeft: element.scrollLeft = value โดยที่ value เป็นค่าในหน่วยพิกเซล ตัวอย่างการใช้ง

คุณสมบัติ scrollTop ของ HTML DOM จะคืนค่าและปรับเปลี่ยนค่าของเนื้อหาที่ถูกเลื่อน (scroll) แนวตั้งขององค์ประกอบในหน่วยพิกเซลในเอกสาร HTML รูปแบบการใช้งาน (Syntax) การคืนค่า scrollTop: element.scrollTop การกำหนดค่า scrollTop: element.scrollTop = value โดยที่ value เป็นค่าในหน่วยพิกเซล ตัวอย่างการใช้

ออบเจ็กต์ PopStateEvent ของ HTML DOM เป็นตัวจัดการเหตุการณ์ (event handler) สำหรับเหตุการณ์ popstate ซึ่งเกิดขึ้นเมื่อประวัติของหน้าต่าง (windows history) เปลี่ยนแปลง คุณสมบัติของ PopStateEvent คุณสมบัติคำอธิบาย stateคืนค่าออบเจ็กต์ที่แทนสำเนาของรายการในประวัติ ตัวอย่างการใช้งาน ตัวอย่างด้าน

คุณสมบัติ previousSibling ของ DOM จะคืนค่าโหนดก่อนหน้าในระดับต้นไม้เดียวกันของโหนดที่ระบุในเอกสาร HTML รูปแบบการใช้งาน (Syntax) node.previousSibling ตัวอย่างการใช้งาน ตัวอย่างด้านล่างแสดงการใช้งานคุณสมบัติ previousSibling <!DOCTYPE html> <html> <head> <style>    h

คุณสมบัติ previousElementSibling ของ HTML DOM จะคืนค่าองค์ประกอบก่อนหน้าในระดับต้นไม้เดียวกันขององค์ประกอบที่ระบุในเอกสาร HTML รูปแบบการใช้งาน (Syntax) node.previousElementSibling ตัวอย่างการใช้งาน ตัวอย่างด้านล่างแสดงการใช้งานคุณสมบัติ previousElementSibling <!DOCTYPE html> <html> <

เมธอด removeChild() ของ DOM จะคืนค่าและลบโหนดลูก (child node) ที่ระบุของโหนดที่กำหนดในเอกสาร HTML รูปแบบการใช้งาน (Syntax) node.removeChild(node); ตัวอย่างการใช้งาน ตัวอย่างด้านล่างแสดงการใช้งานเมธอด removeChild() <!DOCTYPE html> <html> <head> <style>    html{ &nb

ออบเจ็กต์ Pre ของ HTML DOM แทนองค์ประกอบ <pre> ในเอกสาร HTML การสร้างออบเจ็กต์ pre รูปแบบการใช้งาน (Syntax) รูปแบบการสร้างคือ: document.createElement(“PRE”); ตัวอย่างการใช้งาน ตัวอย่างด้านล่างแสดงการใช้งานออบเจ็กต์ pre <!DOCTYPE html> <html> <head> <style>

คอลเลกชัน scripts ของ HTML DOM จะคืนค่าคอลเลกชันขององค์ประกอบ <script> ทั้งหมดในเอกสาร HTML รูปแบบการใช้งาน (Syntax) document.scripts คุณสมบัติของออบเจ็กต์ script คุณสมบัติคำอธิบาย lengthคืนค่าจำนวนองค์ประกอบ <script> ในคอลเลกชันภายในเอกสาร HTML เมธอดของออบเจ็กต์ script เมธอดค

เมธอด removeAttribute() ของ HTML DOM ใช้สำหรับลบแอตทริบิวต์ที่ระบุออกจากองค์ประกอบที่กำหนดในเอกสาร HTML รูปแบบการใช้งาน (Syntax) node.removeAttribute(attributeName); ตัวอย่างการใช้งาน ตัวอย่างด้านล่างแสดงการใช้งานเมธอด removeAttribute() <!DOCTYPE html> <html> <head> <style>

เมธอด removeAttributeNode() ของ HTML DOM ใช้สำหรับลบแอตทริบิวต์ที่ระบุออกจากองค์ประกอบที่กำหนดในเอกสาร HTML และคืนค่าแอตทริบิวต์ที่ถูกลบกลับมาในรูปแบบออบเจ็กต์ Attr Node รูปแบบการใช้งาน (Syntax) node.removeAttributeNode(attributeNode); ตัวอย่างการใช้งาน ตัวอย่างด้านล่างแสดงการใช้งานเมธอด removeAtt

เมธอด setAttributeNode() ของ Element ใช้ **เพิ่มหรือแทนที่ attribute node** ให้กับองค์ประกอบโดยตรง คล้าย setNamedItem() แต่เรียกผ่าน element แทน attributes collection รูปแบบการใช้งาน // สร้าง attribute node const attr = document.createAttribute(attribute-name); attr.value = attribute-value; // ตั้

เมธอด setNamedItem() ของ NamedNodeMap (คอลเลกชัน attributes ของ element) ใช้ **เพิ่มหรือแทนที่ attribute node** โดยใช้ชื่อของ attribute เป็น key รูปแบบการใช้งาน // attributeMap คือ element.attributes (NamedNodeMap) const attrNode = document.createAttribute(attribute-name); attrNode.value = attribut

วัตถุ HTMLScriptElement แทนแท็ก <script> ใน DOM ใช้สร้าง โหลด และจัดการสคริปต์ไดนามิก รวมถึงควบคุมการโหลดแบบ async/defer การสร้าง script element const script = document.createElement(script); คุณสมบัติสำคัญของ Script Object คุณสมบัติ คำอธิบาย ประเภท

วัตถุ HTMLParamElement แทนแท็ก <param> ซึ่งใช้กำหนด **พารามิเตอร์สำหรับ plugins/embedded content** ภายใน <object> (เช่น Flash, Java Applets, PDF viewers) หมายเหตุ: <param> และ <object> สำหรับ plugins (Flash, Java, Silverlight) **ล้าสมัยแล้ว** และไม่รองรับในเบราว์เซอร์สมัยใหม

คุณสมบัติ defaultSelected ของ HTMLOptionElement ใช้ **อ่านสถานะเริ่มต้น** ว่าตัวเลือกนี้ถูกเลือกไว้ตั้งแต่โหลดหน้า (มีแอตทริบิวต์ selected) หรือไม่ เป็น **read-only property** ความแตกต่าง defaultSelected vs selected คุณสมบัติ ประเภท คำอธิบาย defaultS

คุณสมบัติ label ของ HTMLOptionElement (<option>) ใช้ **อ่านหรือตั้งค่า** ข้อความป้ายกำกับ (label) ที่แสดงใน dropdown list แทนที่จะใช้เนื้อหาภายในแท็ก ความแตกต่าง label vs text content คุณสมบัติ แหล่งข้อมูล ความสำคัญ option.label แอตทริบิว

คุณสมบัติ value ของ HTML DOM Option ใช้สำหรับคืนค่าและเปลี่ยนแปลงค่าของ option ที่จะส่งไปยังเซิร์ฟเวอร์ รูปแบบไวยากรณ์ (Syntax) การคืนค่า value object.value การเปลี่ยนแปลง label object.value = “text” ตัวอย่าง ตัวอย่างการใช้งานคุณสมบัติ value ของ HTML DOM Option: <!DOCTYPE html> <

คุณสมบัติ max ของ HTML DOM Progress ใช้สำหรับคืนค่าและเปลี่ยนค่าของแอตทริบิวต์ max ขององค์ประกอบ progress ในเอกสาร HTML รูปแบบไวยากรณ์ (Syntax) 1. การคืนค่า max object.max 2. การเปลี่ยนแปลง max object.max = “number” ตัวอย่าง ตัวอย่างการใช้งานคุณสมบัติ max ของ progress: <!DOCTYPE html&

เมธอด querySelector() ของ HTML DOM ใช้คืนค่าองค์ประกอบแรกที่ตรงกับ CSS selector ที่ระบุในพารามิเตอร์ในเอกสาร HTML รูปแบบไวยากรณ์ (Syntax) document.querySelector(“CSS Selector”); ตัวอย่าง ตัวอย่างการใช้งานเมธอด querySelector(): <!DOCTYPE html> <html> <head> <style>