Proprietatea outerHTML

Proprietatea outerHTML permite obținerea și modificarea codului HTML al unui element împreună cu tag-ul său.

Sintaxă

javascriptelement.outerHTML;

Exemplu

Să afișăm textul elementului folosind proprietatea outerHTML:

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

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

Rezultatul executării codului:

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

Exemplu

Să facem un div cu același text în loc de paragraf:

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

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

Rezultatul executării codului:

html<div>text</div>

Vezi și