Svojstvo outerHTML
Svojstvo outerHTML omogućava da se dobije
i izmeni HTML kod elementa zajedno sa njegovom oznakom.
Sintaksa
element.outerHTML;
Primer
Hajde da ispišemo tekst elementa pomoću
svojstva outerHTML:
<p id="elem">text</p>
let elem = document.querySelector('#elem');
console.log(elem.outerHTML);
Rezultat izvršavanja koda:
'<p id="elem">text</p>'
Primer
Hajde da umesto pasusa napravimo div sa istim
tekstom:
<p id="elem">text</p>
let elem = document.querySelector('#elem');
elem.outerHTML = '<div>' + elem.innerHTML + '</div>';
Rezultat izvršavanja koda:
<div>text</div>
Pogledajte takođe
-
svojstvo
textContent,
koje sadrži tekst elementa -
svojstvo
innerHTML,
koje sadrži HTML kod elementa