Proprietatea innerHTML
Proprietatea innerHTML permite obținerea
și modificarea codului HTML al unui element.
Sintaxă
element.innerHTML;
Exemplu
Să afișăm codul HTML al elementului:
<p id="elem"><b>text</b></p>
let elem = document.querySelector('#elem');
console.log(elem.innerHTML);
Rezultatul executării codului:
'<b>text</b>'
Exemplu
Să modificăm codul HTML cu unul nou:
<p id="elem"><b>text</b></p>
let elem = document.querySelector('#elem');
elem.innerHTML = '<i>!!!</i>';
Rezultatul executării codului:
<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