คุณสมบัติ outerHTML

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

ไวยากรณ์

javascriptองค์ประกอบ.outerHTML;

ตัวอย่าง

ลองแสดงข้อความขององค์ประกอบด้วย คุณสมบัติ outerHTML:

html<p id="elem">ข้อความ</p>

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

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

javascript'<p id="elem">ข้อความ</p>'

ตัวอย่าง

ลองเปลี่ยนจากย่อหน้าเป็น div ที่มี ข้อความเดิม:

html<p id="elem">ข้อความ</p>

javascriptlet elem = document.querySelector('#elem');
elem.outerHTML = '<div>' + elem.innerHTML + '</div>';

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

html<div>ข้อความ</div>

ดูเพิ่มเติม