คุณสมบัติ outerHTML ขององค์ประกอบ DOM HTML

การอธิบายและวิธีใช้

outerHTML คุณสมบัติเพื่อตั้งค่าหรือส่งผลกลับองค์ประกอบ HTML รวมถึงคุณสมบัติ แท็กบันทึกเริ่มต้นและแท็กบันทึกสิ้นสุด

ตัวอย่าง

ตัวอย่าง 1

เปลี่ยนแปลงองค์ประกอบ h2 แรกและเนื้อหาของมัน

document.getElementsByTagName("h2")[0] = "<h3>Changed!</h3>";

ลองทดลองด้วยตัวเอง

ตัวอย่าง 2

แทนที่องค์ประกอบด้วยหัวข้อ

element.outerHTML = "<h2>This is a h2 element</h2>";

ลองทดลองด้วยตัวเอง

ตัวอย่าง 3

แสดง HTML องค์ประกอบนอกของตัวแปล <h1> ดังนี้:

let html = document.getElementsByTagName("h1")[0].outerHTML;
alert(html);

ลองทดลองด้วยตัวเอง

ตัวอย่าง 4

แสดง HTML องค์ประกอบนอกของตัวแปล <ul> ดังนี้:

let html = document.getElementsByTagName("ul")[0].outerHTML;
alert(html);

ลองทดลองด้วยตัวเอง

รูปแบบการใช้งาน

ส่งผลกลับคุณสมบัติ outerHTML:

element.outerHTML

ตั้งค่าคุณสมบัติ outerHTML ดังนี้:

element.outerHTML = text

ค่าของคุณสมบัติ

ค่า การอธิบาย
text HTML องค์ประกอบใหม่

ค่าที่ส่งผลกลับ

ประเภท การอธิบาย
ข้อความ HTML องค์ประกอบขององค์ประกอบ HTML รวมถึงคุณสมบัติ แท็กบันทึกเริ่มต้นและแท็กบันทึกสิ้นสุด

การสนับสนุนเบราเซอร์

ทุกเบราเซอร์ต่างๆ สนับสนุน element.outerHTML：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน