Lastnost outerHTML
Lastnost outerHTML omogoča pridobivanje
in spreminjanje HTML kode elementa skupaj z njegovo oznako.
Sintaksa
element.outerHTML;
Primer
Izpišimo besedilo elementa z uporabo
lastnosti outerHTML:
<p id="elem">besedilo</p>
let elem = document.querySelector('#elem');
console.log(elem.outerHTML);
Rezultat izvajanja kode:
'<p id="elem">besedilo</p>'
Primer
Namesto odstavka naredimo div z enakim
besedilom:
<p id="elem">besedilo</p>
let elem = document.querySelector('#elem');
elem.outerHTML = '<div>' + elem.innerHTML + '</div>';
Rezultat izvajanja kode:
<div>besedilo</div>
Glej tudi
-
lastnost
textContent,
ki vsebuje besedilo elementa -
lastnost
innerHTML,
ki vsebuje HTML kodo elementa