Vlastnost outerHTML

Vlastnost outerHTML umožňuje získat a změnit HTML kód prvku spolu s jeho tagem.

Syntaxe

javascriptprvek.outerHTML;

Příklad

Vypišme text prvku pomocí vlastnosti outerHTML:

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

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

Výsledek provedení kódu:

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

Příklad

Vytvořme místo odstavce div se stejným textem:

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

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

Výsledek provedení kódu:

html<div>text</div>

Viz také