คุณสมบัติ innerHTML

คุณสมบัติ innerHTML ช่วยให้สามารถรับ และเปลี่ยนรหัส HTML ขององค์ประกอบ

ไวยากรณ์

javascriptelement.innerHTML;

ตัวอย่าง

ลองแสดงรหัส HTML ขององค์ประกอบ:

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

javascriptlet elem = document.querySelector('#elem');
console.log(elem.innerHTML);

ผลลัพธ์จากการรันโค้ด:

javascript'<b>text</b>'

ตัวอย่าง

ลองเปลี่ยนรหัส HTML เป็นรหัสใหม่:

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

javascriptlet elem = document.querySelector('#elem');
elem.innerHTML = '<i>!!!</i>';

ผลลัพธ์จากการรันโค้ด:

html<p id="elem"><i>!!!</i></p>

ดูเพิ่มเติม