Javascript Div içine Yazı Yazma

Javascript ile bir div içine yazı yazma, değiştirme işlemini nasıl yapacağımızı anlatacağız. Bunun için öncelikle bir div oluşturup o div’e bir id vermemiz gerekecektir. Gelin uygulamalı olarak bu işlemin nasıl yapılacağınız gösterelim.

<div id="kutu"></div>

Div oluşturduk ve id değerini kutu olarak belirledik. Şimdi ise bir buton oluşturup bu butona tıklandığında javascript ile bu kutunun id’sini alıp içine bir değer yazdıralım.

<button type="button" onclick="kutu_yaz()"></button>

<script type="text/javascript">

 function kutu_yaz(){
     document.getElementById("kutu").innerHTML = "Merhaba";
 }

</script>

Bu fonksiyon ile yazdırma işlemini tamamladık.