Svojstvo outerHTML

Svojstvo outerHTML omogućava da se dobije i izmeni HTML kod elementa zajedno sa njegovom oznakom.

Sintaksa

javascriptelement.outerHTML;

Primer

Hajde da ispišemo tekst elementa pomoću svojstva outerHTML:

html<p id="elem">text</p>

javascriptlet elem = document.querySelector('#elem');
console.log(elem.outerHTML);

Rezultat izvršavanja koda:

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

Primer

Hajde da umesto pasusa napravimo div sa istim tekstom:

html<p id="elem">text</p>

javascriptlet elem = document.querySelector('#elem');
elem.outerHTML = '<div>' + elem.innerHTML + '</div>';

Rezultat izvršavanja koda:

html<div>text</div>

Pogledajte takođe