Vlastnost outerHTML
Vlastnost outerHTML umožňuje získat
a změnit HTML kód prvku spolu s jeho tagem.
Syntaxe
prvek.outerHTML;
Příklad
Vypišme text prvku pomocí
vlastnosti outerHTML:
<p id="elem">text</p>
let elem = document.querySelector('#elem');
console.log(elem.outerHTML);
Výsledek provedení kódu:
'<p id="elem">text</p>'
Příklad
Vytvořme místo odstavce div se stejným
textem:
<p id="elem">text</p>
let elem = document.querySelector('#elem');
elem.outerHTML = '<div>' + elem.innerHTML + '</div>';
Výsledek provedení kódu:
<div>text</div>
Viz také
-
vlastnost
textContent,
která obsahuje text prvku -
vlastnost
innerHTML,
která obsahuje HTML kód prvku
