Savybė outerHTML

Savybė outerHTML leidžia gauti ir pakeisti HTML kodo elementą kartu su jo žyme.

Sintaksė

javascriptelementas.outerHTML;

Pavyzdys

Išveskime elemento tekstą naudodami savybę outerHTML:

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

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

Kodo vykdymo rezultatas:

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

Pavyzdys

Padarykime div su tokiu pačiu tekstu vietoj pastraipos:

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

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

Kodo vykdymo rezultatas:

html<div>tekstas</div>

Taip pat žiūrėkite