Својство outerHTML

Својство outerHTML омогућава да се добије и измени HTML код елемента заједно са његовом ознаком.

Синтакса

javascriptелемент.outerHTML;

Пример

Хајде да испишемо текст елемента користећи својство outerHTML:

html<p id="elem">text</p>
javascriptlet elem = document.querySelector('#elem');
console.log(elem.outerHTML);

Резултат извршавања кода:

javascript'<p id="elem">text</p>'

Пример

Хајде да уместо параграфа направимо div са истим текстом:

html<p id="elem">text</p>
javascriptlet elem = document.querySelector('#elem');
elem.outerHTML = '<div>' + elem.innerHTML + '</div>';

Резултат извршавања кода:

html<div>text</div>

Погледајте такође

  • својство textContent,
    које садржи текст елемента
  • својство innerHTML,
    које садржи HTML код елемента