Savybė innerHTML

Savybė innerHTML leidžia gauti ir pakeisti elemento HTML kodą.

Sintaksė

javascriptelementas.innerHTML;

Pavyzdys

Išveskime elemento HTML kodą:

html<p id="elem"><b>text</b></p>
javascriptlet elem = document.querySelector('#elem');
console.log(elem.innerHTML);

Kodo vykdymo rezultatas:

javascript'<b>text</b>'

Pavyzdys

Pakeiskime HTML kodą nauju:

html<p id="elem"><b>text</b></p>
javascriptlet elem = document.querySelector('#elem');
elem.innerHTML = '<i>!!!</i>';

Kodo vykdymo rezultatas:

html<p id="elem"><i>!!!</i></p>

Taip pat žiūrėkite

  • savybė textContent,
    kuriame yra elemento tekstas
  • savybė outerHTML,
    kuriame yra išorinis elemento HTML kodas