Ominaisuus outerHTML

Ominaisuus outerHTML mahdollistaa elementin HTML-koodin hakemisen ja muuttamisen yhdessä sen tagin kanssa.

Syntaksi

javascriptelementti.outerHTML;

Esimerkki

Tuodaan esiin elementin teksti käyttämällä ominaisuutta outerHTML:

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

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

Koodin suorituksen tulos:

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

Esimerkki

Tehdään div samalla tekstillä kappaleen sijaan:

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

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

Koodin suorituksen tulos:

html<div>teksti</div>

Katso myös