การทำงานกับโค้ด HTML ขององค์ประกอบด้วย JavaScript

องค์ประกอบ DOM มีคุณสมบัติ innerHTML ที่อนุญาตให้อ่านโค้ด HTML ขององค์ประกอบเหล่านั้น ลองดูตัวอย่าง สมมติว่า เรามีแท็กต่อไปนี้:

html<p id="elem"><b>text</b></p>

รับลิงก์ไปยังแท็กนี้ ในตัวแปร:

javascriptlet elem = document.querySelector('#elem');

อ่านโค้ด HTML ของแท็ก:

javascriptconsole.log(elem.innerHTML); // จะแสดง <b>text</b>

เปลี่ยนข้อความของแท็ก:

javascriptelem.innerHTML = '<i>!!!</i>';