Omadus outerHTML
Omadus outerHTML võimaldab saada
ja muuta elemendi HTML-koodi koos selle sildiga.
Süntaks
element.outerHTML;
Näide
Väljastame elemendi teksti
omaduse outerHTML abil:
<p id="elem">text</p>
let elem = document.querySelector('#elem');
console.log(elem.outerHTML);
Koodi täitmise tulemus:
'<p id="elem">text</p>'
Näide
Teeme lõigu asemel div samaga
tekstiga:
<p id="elem">text</p>
let elem = document.querySelector('#elem');
elem.outerHTML = '<div>' + elem.innerHTML + '</div>';
Koodi täitmise tulemus:
<div>text</div>
Vaata ka
-
omadus
textContent,
mis sisaldab elemendi teksti -
omadus
innerHTML,
mis sisaldab elemendi HTML-koodi
