Az innerHTML tulajdonság

Az innerHTML tulajdonság lehetővé teszi egy elem HTML kódjának lekérését és módosítását.

Szintaxis

javascriptelem.innerHTML;

Példa

Jelenítsük meg az elem HTML kódját:

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

A kód végrehajtásának eredménye:

javascript'<b>text</b>'

Példa

Változtassuk meg a HTML kódot újra:

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

A kód végrehajtásának eredménye:

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

Lásd még

  • a textContent tulajdonság,
    amely az elem szövegét tartalmazza
  • a outerHTML tulajdonság,
    amely az elem külső HTML kódját tartalmazza