การทำงานกับโค้ด HTML ขององค์ประกอบด้วย JavaScript
องค์ประกอบ DOM มีคุณสมบัติ innerHTML
ที่อนุญาตให้อ่านโค้ด HTML ขององค์ประกอบเหล่านั้น
ลองดูตัวอย่าง สมมติว่า
เรามีแท็กต่อไปนี้:
<p id="elem"><b>text</b></p>
รับลิงก์ไปยังแท็กนี้ ในตัวแปร:
let elem = document.querySelector('#elem');
อ่านโค้ด HTML ของแท็ก:
console.log(elem.innerHTML); // จะแสดง <b>text</b>
เปลี่ยนข้อความของแท็ก:
elem.innerHTML = '<i>!!!</i>';
กำหนดย่อหน้าและปุ่ม เมื่อคลิก ที่ปุ่ม ให้อ่านโค้ด HTML ของ ย่อหน้าและแสดงในคอนโซล
กำหนดย่อหน้าและปุ่ม เมื่อคลิก ที่ปุ่ม ให้เขียนข้อความใหม่ลงในย่อหน้า เพื่อให้ข้อความเป็นตัวหนา
