ใช่ เป็นไปได้ที่จะเปลี่ยนเนื้อหาของ HTML ในจาวาสคริปต์ โดยปกติเนื้อหา HTML จะอยู่ในแท็ก HTML เช่น
, เป็นต้น ในจาวาสคริปต์ เรามี เมธอด DOM ที่มีความสามารถในการเข้าถึงแท็ก HTML วิธีการเหล่านั้น เช่น document.getElementById(), document.getElementByTagName() เป็นต้น ใช้ประโยชน์จากแท็กเพื่อเปลี่ยนเนื้อหา HTML
ตัวอย่าง-1
ในตัวอย่างต่อไปนี้ เนื้อหาในแท็ก span จะเปลี่ยนแปลงโดยใช้เมธอด javascript DOM document.getElementById() .
<html>
<body>
<span id="change">Is javaScript is java.</span>
<input type = "button" value = "change"
onclick='document.getElementById("change").innerHTML = "No JavaScript is not java!"'>
</body>
</html> เมื่อโค้ดด้านบนถูกรันแล้ว เราจะได้สิ่งต่อไปนี้บนหน้าจอ
หากเราคลิกที่ปุ่ม 'เปลี่ยน' ด้านบน เราจะได้ผลลัพธ์ดังต่อไปนี้
ผลลัพธ์
ตัวอย่าง-2
ในตัวอย่างต่อไปนี้ เนื้อหาในแท็กย่อหน้ามีการเปลี่ยนแปลงโดยใช้ เมธอด Javascript DOM
<html>
<body>
<p id="change">Elon musk has failed 3 times</p>
<input type = "button" value = "change"
onclick='document.getElementById("change").innerHTML = "Elon musk has succeded in his fourth attempt"'>
</body>
</html> เมื่อโค้ดด้านบนถูกรันแล้ว เราจะได้สิ่งต่อไปนี้บนหน้าจอ
หากเราคลิกที่ปุ่ม 'เปลี่ยน' ด้านบน เราจะได้ผลลัพธ์ดังต่อไปนี้
ผลลัพธ์
