Javascript innerHTML kullanımı

Sezai AlkanFrontend Developer

JavaScript #javascript #js #innerhtml

Javascript innerHTML kullanımı, bit html elemanının içeriğini elde edebiliriz veya html elemanının içeriğini değiştirebiliriz.

Kullanımı : innerHTML

İlk olarak bir örnekle bir p etiketinin içerisindeki değeri console ekranına yazdıralım

<p id="ilk">Ne Mutlu TÜRKÜM Diyene !!!</p>

console.log(document.getElementById("ilk").innerHTML);

Yukarıdaki örneğin console ekran çıktısı aşağıdaki gibidir.

Şimdi ise p etikeinin içeriğini innerHTML methodu ile değiştirelim.

document.getElementById("ilk").innerHTML = "Çanakkale Geçilmez !!!";

Yukarıdaki örneğin ekran çıktısı ise p etiketinin içeriği değiştirilerek Çanakkale Geçilmez !!! olacaktır.