Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

สามารถเปลี่ยนเนื้อหา HTML ได้ใน JavaScript หรือไม่

ได้ สามารถเปลี่ยนเนื้อหา HTML ใน JavaScript โดยใช้ DOM methods เช่น document.getElementById(), document.getElementsByTagName() เพื่อเข้าถึงและแก้ไขแท็ก HTML

ตัวอย่างที่ 1: เปลี่ยนเนื้อหาในแท็ก span

<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: เปลี่ยนเนื้อหาในแท็ก p

<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 succeeded in his fourth attempt"'> 
</body> </html>

ทั้งสองตัวอย่าง: ก่อนคลิกปุ่มแสดงข้อความเดิม หลังคลิกปุ่มข้อความเปลี่ยนตามที่กำหนดใน innerHTML