คุณสมบัติ innerHTML
คุณสมบัติ innerHTML ช่วยให้สามารถรับ
และเปลี่ยนรหัส HTML ขององค์ประกอบ
ไวยากรณ์
element.innerHTML;
ตัวอย่าง
ลองแสดงรหัส HTML ขององค์ประกอบ:
<p id="elem"><b>text</b></p>
let elem = document.querySelector('#elem');
console.log(elem.innerHTML);
ผลลัพธ์จากการรันโค้ด:
'<b>text</b>'
ตัวอย่าง
ลองเปลี่ยนรหัส HTML เป็นรหัสใหม่:
<p id="elem"><b>text</b></p>
let elem = document.querySelector('#elem');
elem.innerHTML = '<i>!!!</i>';
ผลลัพธ์จากการรันโค้ด:
<p id="elem"><i>!!!</i></p>
ดูเพิ่มเติม
-
คุณสมบัติ
textContent,
ซึ่งมีข้อความขององค์ประกอบ -
คุณสมบัติ
outerHTML,
ซึ่งมีรหัส HTML ภายนอกขององค์ประกอบ
