ویژگی outerHTML HTML DOM Element

تعریف و استفاده

outerHTML تنظیم ویژگی‌ها یا بازگشتی HTML عناصر، شامل ویژگی‌ها، برچسب‌های شروع و پایان.

مثال

مثال 1

تغییر اولین عنصر h2 و محتوای آن:

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

پس از تجربه شخصی

مثال 2

با استفاده از عنوان جایگزین عناصر:

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

پس از تجربه شخصی

مثال 3

خروجی <h1> عناصر HTML خارجی:

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

پس از تجربه شخصی

مثال 4

خروجی <ul> عناصر HTML خارجی:

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

پس از تجربه شخصی

شیوه‌نویسی

بازگشتی outerHTML:

element.outerHTML

تنظیم ویژگی outerHTML:

element.outerHTML = text

مقدار ویژگی

مقدار توضیح
text محتوای HTML جدید.

مقدار بازگشتی

نوع توضیح
رشته محتوای HTML عناصر، شامل ویژگی‌ها، برچسب‌های شروع و پایان.

پشتیبانی مرورگر

همه مرورگرها پشتیبانی می‌کنند element.outerHTML:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی