Lastnost outerHTML

Lastnost outerHTML omogoča pridobivanje in spreminjanje HTML kode elementa skupaj z njegovo oznako.

Sintaksa

javascriptelement.outerHTML;

Primer

Izpišimo besedilo elementa z uporabo lastnosti outerHTML:

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

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

Rezultat izvajanja kode:

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

Primer

Namesto odstavka naredimo div z enakim besedilom:

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

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

Rezultat izvajanja kode:

html<div>besedilo</div>

Glej tudi