Omadus outerHTML

Omadus outerHTML võimaldab saada ja muuta elemendi HTML-koodi koos selle sildiga.

Süntaks

javascriptelement.outerHTML;

Näide

Väljastame elemendi teksti omaduse outerHTML abil:

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

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

Koodi täitmise tulemus:

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

Näide

Teeme lõigu asemel div samaga tekstiga:

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

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

Koodi täitmise tulemus:

html<div>text</div>

Vaata ka