Element.outerHTML

Element.outerHTML - HTML код самого елемента і внутрішній.

Синтаксис:

Element.outerHTML

Параметри:

Element - об'єкт Element.

Опис:

outerHTML властивість об'єкту Element яка повертає/задає HTML код елемента і його дочірних елементів.

З метою безпеки зазвичай браузер не виконує скрипт (код) який був присвоєний за допомогою outerHTML.

Деякі браузери не підтримують outerHTML.

Якщо змінювати корінний елемент веб-сторінки який немає батька (зазвичай це тег html) то виникає помилка NoModificationAllowedError: Modifications are not allowed for this document :

document.documentElement.outerHTML="<p></p>";

var el=document.getElementsByTagName("html")[0];
el.outerHTML="<p></p>";

Приклад:

Тест outerHTML JavaScript

var el = document.getElementById("test");
if(el.outerHTML)
 alert( el.outerHTML );
else alert('Ваш браузер не підтримує outerHTML');

var el = document.getElementById("test");
if(el)el.outerHTML ="<b>JavaScript</b>";

Отримуємо код веб-сторінки:

var el=document.getElementsByTagName("html")[0];
alert(el.outerHTML);