innerHTML Özelliği
innerHTML özelliği, bir elementin HTML kodunu almanıza
ve değiştirmenize olanak tanır.
Sözdizimi
element.innerHTML;
Örnek
Elementin HTML kodunu çıktı alalım:
<p id="elem"><b>text</b></p>
let elem = document.querySelector('#elem');
console.log(elem.innerHTML);
Kodun çalıştırılmasının sonucu:
'<b>text</b>'
Örnek
HTML kodunu yenisiyle değiştirelim:
<p id="elem"><b>text</b></p>
let elem = document.querySelector('#elem');
elem.innerHTML = '<i>!!!</i>';
Kodun çalıştırılmasının sonucu:
<p id="elem"><i>!!!</i></p>
Ayrıca Bakınız
-
elementin metnini içeren
textContentözelliği,
-
elementin dış HTML kodunu içeren
outerHTMLözelliği,
