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