Ominaisuus innerHTML
Ominaisuus innerHTML mahdollistaa
elementin HTML-koodin hakemisen ja muuttamisen.
Syntaksi
elementti.innerHTML;
Esimerkki
Tuodaan esiin elementin HTML-koodi:
<p id="elem"><b>text</b></p>
let elem = document.querySelector('#elem');
console.log(elem.innerHTML);
Koodin suorituksen tulos:
'<b>text</b>'
Esimerkki
Vaihdetaan HTML-koodi uuteen:
<p id="elem"><b>text</b></p>
let elem = document.querySelector('#elem');
elem.innerHTML = '<i>!!!</i>';
Koodin suorituksen tulos:
<p id="elem"><i>!!!</i></p>
Katso myös
-
ominaisuus
textContent,
joka sisältää elementin tekstin -
ominaisuus
outerHTML,
joka sisältää elementin ulkoisen HTML-koodin
