Vlastnosť outerHTML
Vlastnosť outerHTML umožňuje získať
a zmeniť HTML kód prvku spolu s jeho tagom.
Syntax
prvok.outerHTML;
Príklad
Vypíšme text prvku pomocou
vlastnosti outerHTML:
<p id="elem">text</p>
let elem = document.querySelector('#elem');
console.log(elem.outerHTML);
Výsledok vykonania kódu:
'<p id="elem">text</p>'
Príklad
Urobme namiesto odseku div s takým
istým textom:
<p id="elem">text</p>
let elem = document.querySelector('#elem');
elem.outerHTML = '<div>' + elem.innerHTML + '</div>';
Výsledok vykonania kódu:
<div>text</div>
Pozrite tiež
-
vlastnosť
textContent,
ktorá obsahuje text prvku -
vlastnosť
innerHTML,
ktorá obsahuje HTML kód prvku
