Proprietatea innerHTML

Proprietatea innerHTML permite obținerea și modificarea codului HTML al unui element.

Sintaxă

javascriptelement.innerHTML;

Exemplu

Să afișăm codul HTML al elementului:

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

Rezultatul executării codului:

javascript'<b>text</b>'

Exemplu

Să modificăm codul HTML cu unul nou:

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

Rezultatul executării codului:

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

Vezi și

  • proprietatea textContent,
    care conține textul elementului
  • proprietatea outerHTML,
    care conține codul HTML extern al elementului