Html sayfasındaki bir elemanın içindeki metin javascript ile dinamik olarak nasıl değiştirilir?
Yayınlanma Tarihi : 26 Temmuz 2020
Html elemanları arasındaki metinler javascript innerHTML özelliği ile kolayca değiştirilebilir. Html elemanları arasında olmayan düz metinler dinamik olarak değiştirilemezler.
<html>
<head>
<script>
/* İçindeki metin değişecek olan html elemanının id'si document.getElementById("nesne_id_si") ile bulunur, innerHTML özelliğine eşittir ='den sonra çift tırnak "" içinde istenen değer atanır. */
function metni_degistir(){
document.getElementById("baslik").innerHTML = "KAAN ÇAMUR";
}
</script>
</head>
<body>
<!-- İçindeki metni değişecek olan "baslik" id'li <h1> html elemanı. -->
<h1 id="baslik">K. ÇAMUR></h1>
<!-- Butonun onclick özelliğine butona tıklandıktan sonra çalışacak fonksiyonun adı atanır. -->
<input type="button" onclick="metni_degistir()" value="Metni Değiştir" />
</body>
</html>
