Својството 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>

Погледнете ги исто така