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