innerHTML Özelliği

innerHTML özelliği, bir elementin HTML kodunu almanıza ve değiştirmenize olanak tanır.

Sözdizimi

javascriptelement.innerHTML;

Örnek

Elementin HTML kodunu çıktı alalım:

html<p id="elem"><b>text</b></p>

javascriptlet elem = document.querySelector('#elem');
console.log(elem.innerHTML);

Kodun çalıştırılmasının sonucu:

javascript'<b>text</b>'

Örnek

HTML kodunu yenisiyle değiştirelim:

html<p id="elem"><b>text</b></p>

javascriptlet elem = document.querySelector('#elem');
elem.innerHTML = '<i>!!!</i>';

Kodun çalıştırılmasının sonucu:

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

Ayrıca Bakınız