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
elem.innerHTML;
Példa
Jelenítsük meg az elem HTML kódját:
<p id="elem"><b>text</b></p>
let elem = document.querySelector('#elem');
console.log(elem.innerHTML);
A kód végrehajtásának eredménye:
'<b>text</b>'
Példa
Változtassuk meg a HTML kódot újra:
<p id="elem"><b>text</b></p>
let elem = document.querySelector('#elem');
elem.innerHTML = '<i>!!!</i>';
A kód végrehajtásának eredménye:
<p id="elem"><i>!!!</i></p>
Lásd még
-
a
textContenttulajdonság,
amely az elem szövegét tartalmazza -
a
outerHTMLtulajdonság,
amely az elem külső HTML kódját tartalmazza