خاصية 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:

العنصر.outerHTML

تعيين خاصية outerHTML:

العنصر.outerHTML = text

قيمة الخاصية

القيمة الوصف
text محتوى HTML الجديد.

القيمة التي تعود

النوع الوصف
السلسلة محتوى HTML العنصر، بما في ذلك الخصائص والبطاقات البدائية والنهاية.

دعم المتصفحات

جميع المتصفحات يدعمونها element.outerHTML：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
الدعم الدعم الدعم الدعم الدعم الدعم