skip to content
บท 10 / 10 0%

บทที่ 10: บทที่ 10: การใช้งาน DOM เบื้องต้น

ระดับ: beginner ระยะเวลา: 20m

🎯 สิ่งที่คุณจะได้เรียนรู้

  • การเลือก element
  • การแก้ไขข้อความ
  • การตอบสนองต่อเหตุการณ์

👶 เลือก element

<p id="msg">Hello</p>
<script>
let p = document.getElementById("msg");
console.log(p.innerText);
</script>

🔁 เปลี่ยนข้อความ

<p id="msg">Hello</p>
<script>
let p = document.getElementById("msg");
p.innerText = "สวัสดี JavaScript!";
</script>

📦 event

<button id="btn">Click me</button>
<script>
let btn = document.getElementById("btn");
btn.addEventListener("click", () => {
alert("ปุ่มถูกกด!");
});
</script>