วิธีการ HTML DOM คือ การกระทำ ที่คุณสามารถทำได้ (บน HTML องค์ประกอบ)
คุณสมบัติ HTML DOM คือ ค่า (ขององค์ประกอบ HTML) ที่คุณสามารถทำได้ ตั้งค่าหรือเปลี่ยนแปลง
HTML DOM สามารถเข้าถึงได้ด้วย JavaScript (และกับภาษาโปรแกรมอื่นๆ)
ใน DOM องค์ประกอบ HTML ทั้งหมดถูกกำหนดให้เป็น วัตถุ
ส่วนต่อประสานการเขียนโปรแกรมคือ คุณสมบัติและวิธีการของแต่ละวัตถุ
คุณสมบัติ คือค่าที่คุณสามารถรับหรือตั้งค่าได้ (เช่น การเปลี่ยน เนื้อหาขององค์ประกอบ HTML)
วิธีการคือการกระทำที่คุณสามารถทำได้ (เช่น add หรือการลบองค์ประกอบ HTML)
ตัวอย่างต่อไปนี้เปลี่ยนเนื้อหา (innerHTML) ของ <p> องค์ประกอบที่มี id="สาธิต":
<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>
</body>
</html>ลองด้วยตัวคุณเอง →
<!DOCTYPE html>
<html>
<body>
<h2>My First Page</h2>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>
</body>
</html>
ในตัวอย่างข้างต้น getElementById เป็น วิธีการ ในขณะที่ innerHTML เป็น ทรัพย์สิน
วิธีทั่วไปในการเข้าถึงองค์ประกอบ HTML คือการใช้ id ของ องค์ประกอบ.
ในตัวอย่างข้างต้น getElementById วิธีการที่ใช้ id="demo" เพื่อค้นหา องค์ประกอบ.
วิธีที่ง่ายที่สุดในการรับเนื้อหาขององค์ประกอบคือการใช้คุณสมบัติ innerHTML
คุณสมบัติ innerHTML มีประโยชน์ในการรับหรือแทนที่เนื้อหาขององค์ประกอบ HTML
คุณสมบัติ innerHTML สามารถใช้เพื่อรับหรือเปลี่ยนแปลงองค์ประกอบ HTML ใด ๆ รวมทั้ง <html> และ <body>