Właściwość innerHTML
Właściwość innerHTML pozwala pobrać
i zmienić kod HTML elementu.
Składnia
javascriptelement.innerHTML;
Przykład
Wypiszmy kod HTML elementu:
html<p id="elem"><b>text</b></p>javascriptlet elem = document.querySelector('#elem');
console.log(elem.innerHTML);
Wynik wykonania kodu:
javascript'<b>text</b>'
Przykład
Zmieńmy kod HTML na nowy:
html<p id="elem"><b>text</b></p>javascriptlet elem = document.querySelector('#elem');
elem.innerHTML = '<i>!!!</i>';
Wynik wykonania kodu:
html<p id="elem"><i>!!!</i></p>
Zobacz także
-
właściwość
textContent,
która zawiera tekst elementu -
właściwość
outerHTML,
która zawiera zewnętrzny kod HTML elementu