Vlastnosť outerHTML

Vlastnosť outerHTML umožňuje získať a zmeniť HTML kód prvku spolu s jeho tagom.

Syntax

javascriptprvok.outerHTML;

Príklad

Vypíšme text prvku pomocou vlastnosti outerHTML:

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

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

Výsledok vykonania kódu:

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

Príklad

Urobme namiesto odseku div s takým istým textom:

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

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

Výsledok vykonania kódu:

html<div>text</div>

Pozrite tiež