Ominaisuus outerHTML
Ominaisuus outerHTML mahdollistaa
elementin HTML-koodin hakemisen ja muuttamisen yhdessä sen tagin kanssa.
Syntaksi
elementti.outerHTML;
Esimerkki
Tuodaan esiin elementin teksti käyttämällä
ominaisuutta outerHTML:
<p id="elem">teksti</p>
let elem = document.querySelector('#elem');
console.log(elem.outerHTML);
Koodin suorituksen tulos:
'<p id="elem">teksti</p>'
Esimerkki
Tehdään div samalla tekstillä
kappaleen sijaan:
<p id="elem">teksti</p>
let elem = document.querySelector('#elem');
elem.outerHTML = '<div>' + elem.innerHTML + '</div>';
Koodin suorituksen tulos:
<div>teksti</div>
Katso myös
-
ominaisuus
textContent,
joka sisältää elementin tekstin -
ominaisuus
innerHTML,
joka sisältää elementin HTML-koodin
